#563B91

#563B91

Color Values

HEX

#563B91

RGB

86, 59, 145

HSL

258.8, 42.2%, 40.0%

HSV

258.8, 59.3%, 56.9%

CMYK

40.7%, 59.3%, 0.0%, 43.1%

OKLCH

0.4287 0.1361 294.4

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#563B91

#76913B

Analogous

#3B4B91

#813B91

#563B91

Triadic

#563B91

#91563B

#3B9156

Split Complementary

#563B91

#91813B

#4B913B

Tetradic

#563B91

#913B4B

#76913B

#3B9181

Color Blindness Simulation

Original

#563B91

Protanopia

#4A4A7C

Deuteranopia

#4C4E77

Tritanopia

#556C68

Achromatopsia

#474747

CSS Usage

background-color: #563B91;
color: #563B91;
border-color: #563B91;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#EBE7F4
200
#D6CCEA
300
#B8A8DC
400
#9279C8
500
#6B4AB5
600
#563B91
700
#452F74
800
#36255B
900
#2A1E43
950
#1A132A

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026