#522AD5

#522AD5

Color Values

HEX

#522AD5

RGB

82, 42, 213

HSL

254.0, 67.1%, 50.0%

HSV

254.0, 80.3%, 83.5%

CMYK

61.5%, 80.3%, 0.0%, 16.5%

OKLCH

0.4627 0.237 282.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#522AD5

#ADD52A

Analogous

#2A58D5

#A72AD5

#522AD5

Triadic

#522AD5

#D5522A

#2AD552

Split Complementary

#522AD5

#D5A72A

#58D52A

Tetradic

#522AD5

#D52A58

#ADD52A

#2AD5A7

Color Blindness Simulation

Original

#522AD5

Protanopia

#4140AC

Deuteranopia

#4346A2

Tritanopia

#508B84

Achromatopsia

#3F3F3F

CSS Usage

background-color: #522AD5;
color: #522AD5;
border-color: #522AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CFC3F3
300
#AC99EB
400
#7F61E0
500
#522AD5
600
#4122AA
700
#341B88
800
#29156B
900
#21134E
950
#150C31

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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