#563E84 Color

Color Information

HEX#563E84
RGB86, 62, 132
HSL261° , 36% , 38%
HSV261° , 53% , 52%
CMYK35%, 53%, 0%, 48%

Lighter Shades

#6A5593 #7F6CA2 #9383B0 #A79BBF #BBB2CE #D0C9DD

Darker Shades

#4C3774 #412F64 #372854 #2D2045 #221935 #181125

Complementary Palette

#4A3572 #563E84 #5C7235 #6B843E #809559 #6E5995

Analogous Palette

#4B4F68 #515670 #513A7C #563E84 #6C5170 #795D7E

Triadic Palette

#4C3774 #563E84 #8D5434 #9B694C #348D54 #2E7C4A

Split Complementary Palette

#4D3877 #563E84 #84793E #908651 #48843E #417738

Square Palette

#48346F #563E84 #7A484F #687A48 #3E8479 #5D988E

Tetradic Palette

#47336C #563E84 #952D71 #6B843E #2D9551 #53A870

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563E84 contains 86 red, 62 green, and 132 blue.

Contrast Ratio: 8.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1