#2C586A Color

Color Information

HEX#2C586A
RGB44, 88, 106
HSL197° , 41% , 29%
HSV197° , 58% , 42%
CMYK58%, 17%, 0%, 58%

Lighter Shades

#456C7C #5F808E #7894A0 #91A8B2 #ABBCC3 #C4D0D5

Darker Shades

#274D5D #214351 #1C3844 #172E37 #12232A #0C191E

Complementary Palette

#264C5B #2C586A #593426 #683D2C #7D584A #4A6F7F

Analogous Palette

#36534D #3A5953 #295364 #2C586A #3A4159 #4C5267

Triadic Palette

#274D5D #2C586A #70245A #813E6E #5A7024 #4F6320

Split Complementary Palette

#284F5F #2C586A #682C39 #77414D #685B2C #5E5228

Square Palette

#254A59 #2C586A #573361 #614033 #39682C #59804E

Tetradic Palette

#244857 #2C586A #371E76 #683D2C #5D761E #7A8F47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C586A contains 44 red, 88 green, and 106 blue.

Contrast Ratio: 7.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1