#561C88

#561C88

Color Values

HEX

#561C88

RGB

86, 28, 136

HSL

272.2, 65.9%, 32.2%

HSV

272.2, 79.4%, 53.3%

CMYK

36.8%, 79.4%, 0.0%, 46.7%

OKLCH

0.379 0.1667 303.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#561C88

#4E881C

Analogous

#201C88

#881C84

#561C88

Triadic

#561C88

#88561C

#1C8856

Split Complementary

#561C88

#84881C

#1C8820

Tetradic

#561C88

#88201C

#4E881C

#1C8488

Color Blindness Simulation

Original

#561C88

Protanopia

#3D3C6E

Deuteranopia

#404568

Tritanopia

#535955

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC4F3
300
#C599EA
400
#A562DF
500
#862BD4
600
#6B23A9
700
#561C87
800
#43166A
900
#33144D
950
#200C31

Contrast Checker

Text on white

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