#2C556B Color

Color Information

HEX	#2C556B
RGB	44, 85, 107
HSL	201° , 42% , 30%
HSV	201° , 59% , 42%
CMYK	59%, 21%, 0%, 58%

Lighter Shades

#45697D #5F7E8F #7892A0 #91A7B2 #ABBBC4 #C4CFD6

Darker Shades

#274B5E #214151 #1C3644 #172C38 #12222B #0C181E

Complementary Palette

#26495C #2C556B #5E3A26 #6D432C #815D4A #4A6D80

Analogous Palette

#355550 #3C5D58 #295065 #2C556B #3C415D #4E526A

Triadic Palette

#274B5E #2C556B #742558 #853F6C #587425 #4D6621

Split Complementary Palette

#284D60 #2C556B #6D2C36 #7C414A #6D632C #625928

Square Palette

#25475A #2C556B #5E3465 #654534 #366D2C #56844E

Tetradic Palette

#244658 #2C556B #3F1F7A #6D432C #5A7A1F #789247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C556B contains 44 red, 85 green, and 107 blue.

Contrast Ratio: 8.14:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.58:1