#561E85

#561E85

Color Values

HEX

#561E85

RGB

86, 30, 133

HSL

272.6, 63.2%, 32.0%

HSV

272.6, 77.4%, 52.2%

CMYK

35.3%, 77.4%, 0.0%, 47.8%

OKLCH

0.3785 0.1613 304.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#561E85

#4D851E

Analogous

#221E85

#851E81

#561E85

Triadic

#561E85

#85561E

#1E8556

Split Complementary

#561E85

#81851E

#1E8522

Tetradic

#561E85

#85221E

#4D851E

#1E8185

Color Blindness Simulation

Original

#561E85

Protanopia

#3E3D6C

Deuteranopia

#414566

Tritanopia

#535854

Achromatopsia

#313131

CSS Usage

background-color: #561E85;
color: #561E85;
border-color: #561E85;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F2
300
#C59BE8
400
#A665DC
500
#862FD0
600
#6C26A6
700
#561E85
800
#431768
900
#33154C
950
#200D30

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

1.92: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