#3C56B4 Color

Color Information

HEX	#3C56B4
RGB	60, 86, 180
HSL	227° , 50% , 47%
HSV	227° , 67% , 71%
CMYK	67%, 52%, 0%, 29%

Lighter Shades

#536ABD #6B7FC6 #8293CF #9AA7D8 #B1BBE1 #C8D0EA

Darker Shades

#354C9E #2E4189 #263773 #1F2D5E #182248 #111832

Complementary Palette

#344A9B #3C56B4 #9B8434 #B49A3C #BFA857 #576EBF

Analogous Palette

#4D7C8F #54879C #3851A9 #3C56B4 #68549C #7564A0

Triadic Palette

#354C9E #3C56B4 #C0304F #C84964 #4FC030 #46A92A

Split Complementary Palette

#364DA2 #3C56B4 #B45E3C #BC6E50 #92B43C #83A236

Square Palette

#324897 #3C56B4 #A8488D #A89348 #3CB45E #5BC078

Tetradic Palette

#314794 #3C56B4 #A626C9 #B49A3C #4AC926 #6BD34D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C56B4 contains 60 red, 86 green, and 180 blue.

Contrast Ratio: 6.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1