#3C5158 Color

Color Information

HEX#3C5158
RGB60, 81, 88
HSL195° , 19% , 29%
HSV195° , 32% , 35%
CMYK32%, 8%, 0%, 65%

Lighter Shades

#53666C #6B7B80 #829094 #9AA5A8 #B1B9BC #C8CED0

Darker Shades

#35474D #2E3E43 #263438 #1F2A2E #182023 #111719

Complementary Palette

#34464C #3C5158 #4C3A34 #58433C #6F5D57 #57696F

Analogous Palette

#3B4F4A #3F554F #384C53 #3C5158 #3F4455 #4C5267

Triadic Palette

#35474D #3C5158 #5F3555 #724D69 #555F35 #4B542F

Split Complementary Palette

#36494F #3C5158 #583C43 #695056 #58513C #4F4936

Square Palette

#32444A #3C5158 #4F3F55 #55443F #43583C #61735B

Tetradic Palette

#314248 #3C5158 #3C2F65 #58433C #58652F #768154

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5158 contains 60 red, 81 green, and 88 blue.

Contrast Ratio: 8.53:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1