#563A8C Color

Color Information

HEX#563A8C
RGB86, 58, 140
HSL260° , 41% , 39%
HSV260° , 59% , 55%
CMYK39%, 59%, 0%, 45%

Lighter Shades

#6A529A #7F69A8 #9381B5 #A799C3 #BBB0D1 #D0C8DF

Darker Shades

#4C337B #412C6A #37255A #2D1E49 #221738 #181027

Complementary Palette

#4A3278 #563A8C #617833 #718C3B #859C56 #6E569C

Analogous Palette

#494F6F #4F5678 #513784 #563A8C #714F78 #7B5F81

Triadic Palette

#4C337B #563A8C #965331 #A3684A #319653 #2B8449

Split Complementary Palette

#4D347E #563A8C #8C7F3B #988C4F #488C3B #417E35

Square Palette

#483176 #563A8C #82454F #6E8245 #3B8C7F #5A9E93

Tetradic Palette

#473073 #563A8C #9E2977 #718C3B #299E50 #50AF70

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #563A8C contains 86 red, 58 green, and 140 blue.

Contrast Ratio: 9.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1