#563EB4 Color

Color Information

HEX	#563EB4
RGB	86, 62, 180
HSL	252° , 49% , 47%
HSV	252° , 66% , 71%
CMYK	52%, 66%, 0%, 29%

Lighter Shades

#6A55BD #7F6CC6 #9383CF #A79BD8 #BBB2E1 #D0C9EA

Darker Shades

#4C379E #412F89 #372873 #2D205E #221948 #181132

Complementary Palette

#4A359B #563EB4 #859A34 #9BB33D #A9BE58 #6E59BF

Analogous Palette

#4E618D #556A9B #513AA9 #563EB4 #86559B #8E64A0

Triadic Palette

#4C379E #563EB4 #BF4D31 #C7624A #31BF4D #2BA844

Split Complementary Palette

#4D38A2 #563EB4 #B38F3D #BB9A50 #60B33D #56A137

Square Palette

#483497 #563EB4 #A74965 #94A749 #3DB38F #5CBFA1

Tetradic Palette

#473394 #563EB4 #C828A8 #9BB33D #28C848 #4FD269

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563EB4 contains 86 red, 62 green, and 180 blue.

Contrast Ratio: 7.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1