#2C5C9D Color

Color Information

HEX	#2C5C9D
RGB	44, 92, 157
HSL	215° , 56% , 39%
HSV	215° , 72% , 62%
CMYK	72%, 41%, 0%, 38%

Lighter Shades

#4570A9 #5F83B5 #7897C0 #91AACC #ABBED8 #C4D1E4

Darker Shades

#27518A #214677 #1C3B64 #173052 #12253F #0C1A2C

Complementary Palette

#264F87 #2C5C9D #855E26 #9B6D2C #A9814A #4A73AB

Analogous Palette

#3B777D #408187 #295694 #2C5C9D #464087 #58538D

Triadic Palette

#27518A #2C5C9D #A52259 #B03D6D #59A522 #4E911E

Split Complementary Palette

#28538D #2C5C9D #9B352C #A54941 #929B2C #838C28

Square Palette

#254D84 #2C5C9D #91368A #916B36 #2C9B35 #4EAB55

Tetradic Palette

#244B81 #2C5C9D #701AAD #9B6D2C #57AD1A #75BC43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5C9D contains 44 red, 92 green, and 157 blue.

Contrast Ratio: 6.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1