#3C5275 Color

Color Information

HEX	#3C5275
RGB	60, 82, 117
HSL	217° , 32% , 35%
HSV	217° , 49% , 46%
CMYK	49%, 30%, 0%, 54%

Lighter Shades

#536786 #6B7C96 #8290A7 #9AA5B7 #B1BAC8 #C8CFD8

Darker Shades

#354867 #2E3E59 #26344B #1F2B3D #18212F #111721

Complementary Palette

#344765 #3C5275 #655334 #76603D #897658 #576A88

Analogous Palette

#455B5E #4C6467 #384D6E #3C5275 #4F4C67 #5A5775

Triadic Palette

#354867 #3C5275 #7F3451 #8E4C66 #517F34 #47702E

Split Complementary Palette

#364A69 #3C5275 #76433D #845650 #6F763D #646A37

Square Palette

#324562 #3C5275 #6D4668 #6D5E46 #3D7643 #5C8C61

Tetradic Palette

#314360 #3C5275 #642D86 #76603D #4F862D #6F9C53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5275 contains 60 red, 82 green, and 117 blue.

Contrast Ratio: 8.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1