#3C60A3 Color

Color Information

HEX	#3C60A3
RGB	60, 96, 163
HSL	219° , 46% , 44%
HSV	219° , 63% , 64%
CMYK	63%, 41%, 0%, 36%

Lighter Shades

#5373AE #6B86B9 #8299C4 #9AACCF #B1BFDA #C8D2E5

Darker Shades

#35548F #2E497C #263D68 #1F3255 #182641 #111B2E

Complementary Palette

#34538C #3C60A3 #8D6E34 #A4803D #B19258 #5776B0

Analogous Palette

#4D7C84 #53858D #385A99 #3C60A3 #5C538D #6C6693

Triadic Palette

#35548F #3C60A3 #AF315D #B94A70 #5DAF31 #529A2B

Split Complementary Palette

#365693 #3C60A3 #A44C3D #AD5E50 #94A43D #859437

Square Palette

#325189 #3C60A3 #99488C #997C48 #3DA44C #5CB369

Tetradic Palette

#314F86 #3C60A3 #8628B8 #A4803D #5BB828 #79C54F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C60A3 contains 60 red, 96 green, and 163 blue.

Contrast Ratio: 6.21:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1