#3C5062 Color

Color Information

HEX#3C5062
RGB60, 80, 98
HSL208° , 24% , 31%
HSV208° , 39% , 38%
CMYK39%, 18%, 0%, 62%

Lighter Shades

#536575 #6B7A88 #828F9B #9AA4AD #B1B9C0 #C8CED3

Darker Shades

#354656 #2E3D4A #26333F #1F2A33 #182027 #11161B

Complementary Palette

#344554 #3C5062 #544334 #624E3C #786757 #576978

Analogous Palette

#3D5251 #435B5A #384B5C #3C5062 #43445B #50516D

Triadic Palette

#354656 #3C5062 #6A3451 #7C4C66 #516A34 #475D2E

Split Complementary Palette

#364858 #3C5062 #623C3D #725050 #62613C #585736

Square Palette

#324352 #3C5062 #5A435B #5B4E43 #3D623C #5C7B5B

Tetradic Palette

#314250 #3C5062 #4D2E70 #624E3C #51702E #708A54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5062 contains 60 red, 80 green, and 98 blue.

Contrast Ratio: 8.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1