#563FD4 Color

Color Information

HEX	#563FD4
RGB	86, 63, 212
HSL	249° , 63% , 54%
HSV	249° , 70% , 83%
CMYK	59%, 70%, 0%, 17%

Lighter Shades

#6A56D9 #7F6DDE #9384E3 #A79BE9 #BBB2EE #D0C9F3

Darker Shades

#4C37BB #4130A1 #372888 #2D216E #221955 #18123B

Complementary Palette

#4A36B6 #563FD4 #A3B637 #BDD440 #C6DA5B #6E5ADA

Analogous Palette

#5472AB #577BBC #513BC7 #563FD4 #9957BC #A266C2

Triadic Palette

#4C37BB #563FD4 #DF4E34 #E3634C #34DF4E #2EC445

Split Complementary Palette

#4D39BF #563FD4 #D4A040 #D8AA53 #74D440 #68BF3A

Square Palette

#4835B2 #563FD4 #C84C77 #B5C84C #40D4A0 #5FDBAF

Tetradic Palette

#4734AE #563FD4 #E92BCC #BDD440 #2BE947 #51ED68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563FD4 contains 86 red, 63 green, and 212 blue.

Contrast Ratio: 6.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.01:1