#3C5E56 Color

Color Information

HEX#3C5E56
RGB60, 94, 86
HSL166° , 22% , 30%
HSV166° , 36% , 37%
CMYK36%, 0%, 9%, 63%

Lighter Shades

#53716A #6B857F #829893 #9AABA7 #B1BFBB #C8D2D0

Darker Shades

#35534C #2E4741 #263C37 #1F312D #182622 #111A18

Complementary Palette

#34514A #3C5E56 #50343A #5D3C44 #74575E #57756E

Analogous Palette

#3D5242 #415847 #385851 #3C5E56 #415258 #4E626A

Triadic Palette

#35534C #3C5E56 #593465 #6D4C77 #655934 #594E2E

Split Complementary Palette

#36554D #3C5E56 #5D3C54 #6D5065 #5D453C #543E36

Square Palette

#324F48 #3C5E56 #474158 #584147 #545D3C #6F775B

Tetradic Palette

#314D47 #3C5E56 #2E3D6B #5D3C44 #6B5C2E #867954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5E56 contains 60 red, 94 green, and 86 blue.

Contrast Ratio: 7.24:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.9:1