#5A64DC Color

Color Information

HEX#5A64DC
RGB90, 100, 220
HSL235° , 65% , 61%
HSV235° , 59% , 86%
CMYK59%, 55%, 0%, 14%

Lighter Shades

#6E77E0 #8289E4 #959CE9 #A9AEED #BDC1F1 #D1D4F5

Darker Shades

#4F58C2 #444CA7 #3A408D #2F3472 #242858 #191C3E

Complementary Palette

#4D56BD #5A64DC #BDB44E #DCD15B #E1D772 #717AE1

Analogous Palette

#6A95B4 #6FA3C8 #555ECF #5A64DC #946FC8 #9C7ACD

Triadic Palette

#4F58C2 #5A64DC #E6515D #E96670 #5DE651 #52CA47

Split Complementary Palette

#515AC6 #5A64DC #DC915B #E09C6B #A6DC5B #95C652

Square Palette

#4C54B9 #5A64DC #D265A5 #D2C965 #5BDC91 #75E2A3

Tetradic Palette

#4A52B4 #5A64DC #E049EE #DCD15B #57EE49 #75F16A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A64DC contains 90 red, 100 green, and 220 blue.

Contrast Ratio: 4.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.3:1