#5622AA

#5622AA

Color Values

HEX

#5622AA

RGB

86, 34, 170

HSL

262.9, 66.7%, 40.0%

HSV

262.9, 80.0%, 66.7%

CMYK

49.4%, 80.0%, 0.0%, 33.3%

OKLCH

0.416 0.1969 293.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5622AA

#76AA22

Analogous

#2232AA

#9A22AA

#5622AA

Triadic

#5622AA

#AA5622

#22AA56

Split Complementary

#5622AA

#AA9A22

#32AA22

Tetradic

#5622AA

#AA2232

#76AA22

#22AA9A

Color Blindness Simulation

Original

#5622AA

Protanopia

#3F3F89

Deuteranopia

#424681

Tritanopia

#536F69

Achromatopsia

#373737

CSS Usage

background-color: #5622AA;
color: #5622AA;
border-color: #5622AA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D6C3F3
300
#B899EB
400
#9262E0
500
#6B2AD5
600
#5622AA
700
#451B88
800
#36156A
900
#2A134E
950
#1A0C31

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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