#561B96

#561B96

Color Values

HEX

#561B96

RGB

86, 27, 150

HSL

268.8, 69.5%, 34.7%

HSV

268.8, 82.0%, 58.8%

CMYK

42.7%, 82.0%, 0.0%, 41.2%

OKLCH

0.3905 0.1822 299.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#561B96

#5B961B

Analogous

#1B1D96

#941B96

#561B96

Triadic

#561B96

#96561B

#1B9656

Split Complementary

#561B96

#96941B

#1D961B

Tetradic

#561B96

#961B1D

#5B961B

#1B9694

Color Blindness Simulation

Original

#561B96

Protanopia

#3C3C78

Deuteranopia

#404471

Tritanopia

#53615C

Achromatopsia

#303030

CSS Usage

background-color: #561B96;
color: #561B96;
border-color: #561B96;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#EDE3F8
200
#DAC2F4
300
#C097EC
400
#9E5FE2
500
#7C27D8
600
#631FAD
700
#4F198A
800
#3E136C
900
#2F124F
950
#1E0B32

Contrast Checker

Text on white

10.54:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026