#563F8A Color

Color Information

HEX	#563F8A
RGB	86, 63, 138
HSL	258° , 37% , 39%
HSV	258° , 54% , 54%
CMYK	38%, 54%, 0%, 46%

Lighter Shades

#6A5698 #7F6DA6 #9384B4 #A79BC2 #BBB2D0 #D0C9DE

Darker Shades

#4C3779 #413069 #372858 #2D2148 #221937 #181227

Complementary Palette

#4A3677 #563F8A #627536 #72883F #86995A #6E5A9A

Analogous Palette

#4C526B #535974 #513B82 #563F8A #6E5374 #7B5F81

Triadic Palette

#4C3779 #563F8A #925135 #9F664D #359251 #2F8047

Split Complementary Palette

#4D397C #563F8A #887A3F #948752 #4D883F #457A39

Square Palette

#483574 #563F8A #7E4953 #6E7E49 #3F887A #5E9B8F

Tetradic Palette

#473471 #563F8A #9A2D79 #72883F #2D9A4E #53AC6E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563F8A contains 86 red, 63 green, and 138 blue.

Contrast Ratio: 8.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.42:1