#314F9E Color

Color Information

HEX	#314F9E
RGB	49, 79, 158
HSL	223° , 53% , 41%
HSV	223° , 69% , 62%
CMYK	69%, 50%, 0%, 38%

Lighter Shades

#4A64AA #6279B5 #7B8EC1 #94A3CD #ADB9D8 #C5CEE4

Darker Shades

#2B468B #253C78 #1F3365 #192952 #14203F #0E162C

Complementary Palette

#2A4488 #314F9E #8A6F2A #A08131 #AD934E #4E68AC

Analogous Palette

#417381 #467C8B #2E4A95 #314F9E #55468B #655991

Triadic Palette

#2B468B #314F9E #AA274C #B44161 #4CAA27 #439622

Split Complementary Palette

#2C478E #314F9E #A04931 #AA5B46 #88A031 #7A902C

Square Palette

#294285 #314F9E #963C82 #967C3C #31A049 #52AF66

Tetradic Palette

#284182 #314F9E #891EB3 #A08131 #48B31E #69C147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314F9E contains 49 red, 79 green, and 158 blue.

Contrast Ratio: 7.77:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.7:1