#3C5075 Color

Color Information

HEX	#3C5075
RGB	60, 80, 117
HSL	219° , 32% , 35%
HSV	219° , 49% , 46%
CMYK	49%, 32%, 0%, 54%

Lighter Shades

#536586 #6B7A96 #828FA7 #9AA4B7 #B1B9C8 #C8CED8

Darker Shades

#354667 #2E3D59 #26334B #1F2A3D #18202F #111621

Complementary Palette

#344565 #3C5075 #655434 #76623D #897858 #576988

Analogous Palette

#455A5E #4C6367 #384B6E #3C5075 #4F4C67 #5B5775

Triadic Palette

#354667 #3C5075 #7F344E #8E4C63 #4E7F34 #45702E

Split Complementary Palette

#364869 #3C5075 #76453D #845850 #6D763D #626A37

Square Palette

#324362 #3C5075 #6D4667 #6D5F46 #3D7645 #5C8C63

Tetradic Palette

#314260 #3C5075 #672D86 #76623D #4C862D #6C9C53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5075 contains 60 red, 80 green, and 117 blue.

Contrast Ratio: 8.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.55:1