#2C4C5F Color

Color Information

HEX#2C4C5F
RGB44, 76, 95
HSL202° , 37% , 27%
HSV202° , 54% , 37%
CMYK54%, 20%, 0%, 63%

Lighter Shades

#456172 #5F7785 #788C99 #91A2AC #ABB7BF #C4CDD2

Darker Shades

#274354 #213A48 #1C313D #172831 #121E26 #0C151B

Complementary Palette

#264152 #2C4C5F #513525 #5E3E2B #755949 #4A6575

Analogous Palette

#354B48 #39514E #294759 #2C4C5F #393C51 #484B61

Triadic Palette

#274354 #2C4C5F #65244F #773E64 #4F6524 #465920

Split Complementary Palette

#284456 #2C4C5F #5E2B32 #6E4047 #5E582B #554F27

Square Palette

#254050 #2C4C5F #533257 #574032 #325E2B #53784D

Tetradic Palette

#243E4E #2C4C5F #3B1F6B #5E3E2B #506B1F #708647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4C5F contains 44 red, 76 green, and 95 blue.

Contrast Ratio: 9.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.25:1