#3C536B Color

Color Information

HEX#3C536B
RGB60, 83, 107
HSL211° , 28% , 33%
HSV211° , 44% , 42%
CMYK44%, 22%, 0%, 58%

Lighter Shades

#53687D #6B7C8F #8291A0 #9AA6B2 #B1BAC4 #C8CFD6

Darker Shades

#35495E #2E3F51 #263544 #1F2B38 #18212B #11171E

Complementary Palette

#34475C #3C536B #5D4934 #6C553D #816D58 #576B80

Analogous Palette

#415858 #486061 #384E65 #3C536B #484861 #555572

Triadic Palette

#35495E #3C536B #743452 #854C67 #527434 #48662E

Split Complementary Palette

#364B60 #3C536B #6C3D3D #7B5050 #6B6C3D #606137

Square Palette

#32465A #3C536B #634563 #635545 #3D6C3D #5C845C

Tetradic Palette

#314458 #3C536B #552D7B #6C553D #527B2D #719353

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C536B contains 60 red, 83 green, and 107 blue.

Contrast Ratio: 8.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.6:1