#3C64DE Color

Color Information

HEX	#3C64DE
RGB	60, 100, 222
HSL	225° , 71% , 55%
HSV	225° , 73% , 87%
CMYK	73%, 55%, 0%, 13%

Lighter Shades

#5377E2 #6B89E6 #829CEA #9AAEEE #B1C1F2 #C8D4F6

Darker Shades

#3558C3 #2E4CA9 #26408E #1F3473 #182859 #111C3E

Complementary Palette

#3456BF #3C64DE #BF9C33 #DEB53B #E3BF56 #577AE3

Analogous Palette

#509BB4 #52AAC7 #385ED1 #3C64DE #6F52C7 #7C61CC

Triadic Palette

#3558C3 #3C64DE #E92F5E #EC4871 #5EE92F #53CD29

Split Complementary Palette

#365AC8 #3C64DE #DE643B #E1744F #B5DE3B #A3C835

Square Palette

#3254BA #3C64DE #D246AF #D2AF46 #3BDE64 #5AE37D

Tetradic Palette

#3152B6 #3C64DE #BF26F2 #DEB53B #59F226 #77F44D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C64DE contains 60 red, 100 green, and 222 blue.

Contrast Ratio: 5.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.06:1