#561B89

#561B89

Color Values

HEX

#561B89

RGB

86, 27, 137

HSL

272.2, 67.1%, 32.2%

HSV

272.2, 80.3%, 53.7%

CMYK

37.2%, 80.3%, 0.0%, 46.3%

OKLCH

0.3788 0.1687 303.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#561B89

#4E891B

Analogous

#1F1B89

#891B85

#561B89

Triadic

#561B89

#89561B

#1B8956

Split Complementary

#561B89

#85891B

#1B891F

Tetradic

#561B89

#891F1B

#4E891B

#1B8589

Color Blindness Simulation

Original

#561B89

Protanopia

#3C3C6E

Deuteranopia

#404468

Tritanopia

#535955

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC3F3
300
#C599EB
400
#A561E0
500
#862AD5
600
#6B22AA
700
#561B88
800
#43156B
900
#33134E
950
#200C31

Contrast Checker

Text on white

10.97:1

AA Pass AAA Pass

Text on black

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