#3C535F Color

Color Information

HEX#3C535F
RGB60, 83, 95
HSL201° , 23% , 30%
HSV201° , 37% , 37%
CMYK37%, 13%, 0%, 63%

Lighter Shades

#536872 #6B7C85 #829199 #9AA6AC #B1BABF #C8CFD2

Darker Shades

#354954 #2E3F48 #26353D #1F2B31 #182126 #11171B

Complementary Palette

#344752 #3C535F #513D33 #5E473B #756156 #576B75

Analogous Palette

#3B4F4D #415855 #384E59 #3C535F #414458 #4E516A

Triadic Palette

#354954 #3C535F #663354 #784B69 #546633 #4A5A2D

Split Complementary Palette

#364B56 #3C535F #5E3B40 #6E4F53 #5E593B #555035

Square Palette

#324650 #3C535F #554158 #584941 #405E3B #5F785A

Tetradic Palette

#31444E #3C535F #432D6C #5E473B #566C2D #748653

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C535F contains 60 red, 83 green, and 95 blue.

Contrast Ratio: 8.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1