#314654 Color

Color Information

HEX	#314654
RGB	49, 70, 84
HSL	204° , 26% , 26%
HSV	204° , 42% , 33%
CMYK	42%, 17%, 0%, 67%

Lighter Shades

#4A5C69 #62727D #7B8992 #949FA6 #ADB5BB #C5CBCF

Darker Shades

#2B3E4A #253540 #1F2D36 #19242C #141C22 #0E1418

Complementary Palette

#2A3C48 #314654 #48362A #543F31 #6C5A4E #4E606C

Analogous Palette

#344645 #384C4A #2E424F #314654 #383B4C #45485E

Triadic Palette

#2B3E4A #314654 #5A2A47 #6E445D #475A2A #3E4F25

Split Complementary Palette

#2C3F4C #314654 #543135 #654649 #545031 #4C482C

Square Palette

#293B47 #314654 #4A384D #4D4038 #355431 #556F52

Tetradic Palette

#283945 #314654 #3C255F #543F31 #485F25 #697C4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314654 contains 49 red, 70 green, and 84 blue.

Contrast Ratio: 10.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1