#3C51A0 Color

Color Information

HEX	#3C51A0
RGB	60, 81, 160
HSL	227° , 45% , 43%
HSV	227° , 63% , 63%
CMYK	63%, 49%, 0%, 37%

Lighter Shades

#5366AB #6B7BB7 #8290C2 #9AA5CE #B1B9D9 #C8CEE4

Darker Shades

#35478D #2E3E7A #263466 #1F2A53 #182040 #11172D

Complementary Palette

#34468A #3C51A0 #897734 #9F8A3C #AC9A57 #5769AD

Analogous Palette

#4B6F7C #527A89 #384C96 #3C51A0 #625289 #71668F

Triadic Palette

#35478D #3C51A0 #AA314B #B44A61 #4BAA31 #42962B

Split Complementary Palette

#364990 #3C51A0 #9F583C #A96950 #839F3C #768F36

Square Palette

#324486 #3C51A0 #94477E #948347 #3C9F58 #5BAE73

Tetradic Palette

#314283 #3C51A0 #9529B3 #9F8A3C #47B329 #68C150

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C51A0 contains 60 red, 81 green, and 160 blue.

Contrast Ratio: 7.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1