#3C525A Color

Color Information

HEX	#3C525A
RGB	60, 82, 90
HSL	196° , 20% , 29%
HSV	196° , 33% , 35%
CMYK	33%, 9%, 0%, 65%

Lighter Shades

#53676E #6B7C82 #829095 #9AA5A9 #B1BABD #C8CFD1

Darker Shades

#35484F #2E3E44 #26343A #1F2B2F #182124 #111719

Complementary Palette

#34474D #3C525A #4D3A33 #59433B #705D56 #576A71

Analogous Palette

#3B4F4A #3F5550 #384D55 #3C525A #3F4455 #4C5267

Triadic Palette

#35484F #3C525A #603454 #734C69 #546034 #4A542E

Split Complementary Palette

#364A51 #3C525A #593B42 #6A4F55 #59523B #504A35

Square Palette

#32454C #3C525A #503F55 #55453F #42593B #60745A

Tetradic Palette

#31434A #3C525A #3D2E66 #59433B #57662E #758254

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C525A contains 60 red, 82 green, and 90 blue.

Contrast Ratio: 8.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1