#2C4E59 Color

Color Information

HEX#2C4E59
RGB44, 78, 89
HSL195° , 34% , 26%
HSV195° , 51% , 35%
CMYK51%, 12%, 0%, 65%

Lighter Shades

#45636D #5F7881 #788E95 #91A3A9 #ABB8BD #C4CDD1

Darker Shades

#27454E #213B44 #1C3239 #17292E #121F24 #0C1619

Complementary Palette

#26434D #2C4E59 #4D2F26 #59372C #70534A #4A6770

Analogous Palette

#344642 #384C47 #294954 #2C4E59 #383D4C #454B5E

Triadic Palette

#27454E #2C4E59 #5F2551 #723F66 #515F25 #475421

Split Complementary Palette

#284650 #2C4E59 #592C37 #6A414B #594E2C #504628

Square Palette

#25424B #2C4E59 #4A3252 #523A32 #37592C #57744E

Tetradic Palette

#244049 #2C4E59 #312065 #59372C #546520 #738148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4E59 contains 44 red, 78 green, and 89 blue.

Contrast Ratio: 9.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1