#3C4A5D Color

Color Information

HEX#3C4A5D
RGB60, 74, 93
HSL215° , 22% , 30%
HSV215° , 35% , 36%
CMYK35%, 20%, 0%, 64%

Lighter Shades

#536070 #6B7584 #828B97 #9AA1AB #B1B7BE #C8CCD2

Darker Shades

#354152 #2E3847 #262F3C #1F2630 #181E25 #11151A

Complementary Palette

#344050 #3C4A5D #504434 #5D4F3C #746857 #576374

Analogous Palette

#3D5152 #415658 #384657 #3C4A5D #434158 #4F4E6A

Triadic Palette

#354152 #3C4A5D #653448 #774C5E #486534 #3F592E

Split Complementary Palette

#364354 #3C4A5D #5D3E3C #6D5150 #5B5D3C #525436

Square Palette

#323E4E #3C4A5D #584156 #584E41 #3C5D3E #5B775D

Tetradic Palette

#313D4C #3C4A5D #522E6B #5D4F3C #476B2E #688654

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C4A5D contains 60 red, 74 green, and 93 blue.

Contrast Ratio: 9.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1