#564EF9 Color

Color Information

HEX#564EF9
RGB86, 78, 249
HSL243° , 93% , 64%
HSV243° , 69% , 98%
CMYK65%, 69%, 0%, 2%

Lighter Shades

#6A63FA #7F78FA #938EFB #A7A3FC #BBB8FD #D0CDFD

Darker Shades

#4C45DB #413BBD #37329F #2D2981 #221F64 #181646

Complementary Palette

#4A43D6 #564EF9 #CED643 #F0F94E #F2FA67 #6E67FA

Analogous Palette

#5D91D0 #609CE6 #5149EA #564EF9 #AA60E6 #B16DE8

Triadic Palette

#4C45DB #564EF9 #FF5147 #FF665D #47FF51 #3EE047

Split Complementary Palette

#4D46E0 #564EF9 #F9AC4E #FAB460 #9BF94E #8CE046

Square Palette

#4842D1 #564EF9 #EF579C #E8EF57 #4EF9AC #6AFAB9

Tetradic Palette

#4740CC #564EF9 #FF47F6 #F0F94E #47FF51 #68FF70

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #564EF9 contains 86 red, 78 green, and 249 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1