#3C5DA8 Color

Color Information

HEX	#3C5DA8
RGB	60, 93, 168
HSL	222° , 47% , 45%
HSV	222° , 64% , 66%
CMYK	64%, 45%, 0%, 34%

Lighter Shades

#5370B2 #6B84BD #8297C7 #9AABD2 #B1BEDC #C8D2E7

Darker Shades

#355294 #2E4780 #263C6C #1F3057 #182543 #111A2F

Complementary Palette

#345090 #3C5DA8 #917534 #A9883D #B59958 #5774B4

Analogous Palette

#4C7985 #548592 #38579E #3C5DA8 #605492 #716798

Triadic Palette

#355294 #3C5DA8 #B43159 #BD4A6D #59B431 #4E9E2B

Split Complementary Palette

#365497 #3C5DA8 #A9523D #B26350 #93A93D #849837

Square Palette

#324E8D #3C5DA8 #9D488C #9D8448 #3DA952 #5CB76E

Tetradic Palette

#314C8A #3C5DA8 #9128BD #A9883D #55BD28 #74C94F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5DA8 contains 60 red, 93 green, and 168 blue.

Contrast Ratio: 6.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1