#3C555E Color

Color Information

HEX#3C555E
RGB60, 85, 94
HSL196° , 22% , 30%
HSV196° , 36% , 37%
CMYK36%, 10%, 0%, 63%

Lighter Shades

#536971 #6B7E85 #829298 #9AA7AB #B1BBBF #C8CFD2

Darker Shades

#354B53 #2E4147 #26363C #1F2C31 #182226 #11181A

Complementary Palette

#344951 #3C555E #503B34 #5D453C #745F57 #576D75

Analogous Palette

#3D524D #415852 #385058 #3C555E #414758 #4E546A

Triadic Palette

#354B53 #3C555E #653458 #774C6C #586534 #4D592E

Split Complementary Palette

#364D55 #3C555E #5D3C44 #6D5057 #5D553C #544D36

Square Palette

#32474F #3C555E #524158 #584741 #445D3C #62775B

Tetradic Palette

#31464D #3C555E #3E2E6B #5D453C #5B6B2E #798654

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C555E contains 60 red, 85 green, and 94 blue.

Contrast Ratio: 8.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1