#3C4A5C Color

Color Information

HEX#3C4A5C
RGB60, 74, 92
HSL214° , 21% , 30%
HSV214° , 35% , 36%
CMYK35%, 20%, 0%, 64%

Lighter Shades

#536070 #6B7583 #828B97 #9AA1AA #B1B7BE #C8CCD1

Darker Shades

#354151 #2E3846 #262F3B #1F2630 #181E25 #11151A

Complementary Palette

#34404F #3C4A5C #504434 #5D4F3C #746857 #576373

Analogous Palette

#3D5052 #415658 #384656 #3C4A5C #434158 #504E6A

Triadic Palette

#354151 #3C4A5C #653448 #774C5E #486534 #3F592E

Split Complementary Palette

#364353 #3C4A5C #5D3F3C #6D5250 #5A5D3C #515436

Square Palette

#323E4D #3C4A5C #584156 #584E41 #3C5D3F #5B775E

Tetradic Palette

#313D4B #3C4A5C #522E6B #5D4F3C #476B2E #688654

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C4A5C contains 60 red, 74 green, and 92 blue.

Contrast Ratio: 9.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1