#563F87 Color

Color Information

HEX	#563F87
RGB	86, 63, 135
HSL	259° , 36% , 39%
HSV	259° , 53% , 53%
CMYK	36%, 53%, 0%, 47%

Lighter Shades

#6A5695 #7F6DA4 #9384B2 #A79BC1 #BBB2CF #D0C9DD

Darker Shades

#4C3777 #413067 #372856 #2D2146 #221936 #181226

Complementary Palette

#4A3674 #563F87 #617437 #718740 #85985B #6E5A98

Analogous Palette

#4D526A #545973 #513B7F #563F87 #6E5473 #7B5F81

Triadic Palette

#4C3777 #563F87 #915336 #9E684E #369153 #308049

Split Complementary Palette

#4D397A #563F87 #877A40 #938753 #4D8740 #457A3A

Square Palette

#483571 #563F87 #7D4A53 #6D7D4A #40877A #5F9A8F

Tetradic Palette

#47346F #563F87 #992E77 #718740 #2E9950 #54AB70

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563F87 contains 86 red, 63 green, and 135 blue.

Contrast Ratio: 8.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.41:1