#3C5C4A Color

Color Information

HEX#3C5C4A
RGB60, 92, 74
HSL146° , 21% , 30%
HSV146° , 35% , 36%
CMYK35%, 0%, 20%, 64%

Lighter Shades

#537060 #6B8375 #82978B #9AAAA1 #B1BEB7 #C8D1CC

Darker Shades

#355141 #2E4638 #263B2F #1F3026 #18251E #111A15

Complementary Palette

#344F40 #3C5C4A #503444 #5D3C4F #745768 #577363

Analogous Palette

#3F523D #435841 #385646 #3C5C4A #415856 #4E6A67

Triadic Palette

#355141 #3C5C4A #483465 #5E4C77 #654834 #593F2E

Split Complementary Palette

#365343 #3C5C4A #5A3C5D #6B506D #5D3C3F #543639

Square Palette

#324D3E #3C5C4A #414358 #58414E #5D5A3C #77745B

Tetradic Palette

#314B3D #3C5C4A #2E526B #5D3C4F #6B472E #866854

Contrast Checker

White Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1