#3C5FD2 Color

Color Information

HEX	#3C5FD2
RGB	60, 95, 210
HSL	226° , 63% , 53%
HSV	226° , 71% , 82%
CMYK	71%, 55%, 0%, 18%

Lighter Shades

#5372D7 #6B85DD #8299E2 #9AACE8 #B1BFED #C8D2F2

Darker Shades

#3554B9 #2E48A0 #263D86 #1F316D #182654 #111B3B

Complementary Palette

#3452B5 #3C5FD2 #B59734 #D3AF3C #D9BA57 #5775D8

Analogous Palette

#5092AA #549FBB #3859C5 #3C5FD2 #6F54BB #7B62C0

Triadic Palette

#3554B9 #3C5FD2 #DF3058 #E3496C #58DF30 #4DC42A

Split Complementary Palette

#3656BD #3C5FD2 #D3643C #D77450 #AAD33C #99BE36

Square Palette

#3250B0 #3C5FD2 #C748A5 #C7A948 #3CD364 #5BDA7D

Tetradic Palette

#314EAC #3C5FD2 #BB26E8 #D3AF3C #53E826 #72EC4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5FD2 contains 60 red, 95 green, and 210 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1