#561AE5

#561AE5

Color Values

HEX

#561AE5

RGB

86, 26, 229

HSL

257.7, 79.6%, 50.0%

HSV

257.7, 88.6%, 89.8%

CMYK

62.4%, 88.6%, 0.0%, 10.2%

OKLCH

0.4703 0.2631 282.9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#561AE5

#A9E51A

Analogous

#1A44E5

#BB1AE5

#561AE5

Triadic

#561AE5

#E5561A

#1AE556

Split Complementary

#561AE5

#E5BB1A

#44E51A

Tetradic

#561AE5

#E51A44

#A9E51A

#1AE5BB

Color Blindness Simulation

Original

#561AE5

Protanopia

#3C3BB4

Deuteranopia

#4044A8

Tritanopia

#538D85

Achromatopsia

#353535

CSS Usage

background-color: #561AE5;
color: #561AE5;
border-color: #561AE5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FD
100
#E8E1F9
200
#D0BFF8
300
#AE91F3
400
#8256EC
500
#561AE5
600
#4515B7
700
#371193
800
#2B0D72
900
#220E53
950
#160935

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

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