#522BD4

#522BD4

Color Values

HEX

#522BD4

RGB

82, 43, 212

HSL

253.8, 66.3%, 50.0%

HSV

253.8, 79.7%, 83.1%

CMYK

61.3%, 79.7%, 0.0%, 16.9%

OKLCH

0.4627 0.2352 282.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#522BD4

#ADD42B

Analogous

#2B59D4

#A62BD4

#522BD4

Triadic

#522BD4

#D4522B

#2BD452

Split Complementary

#522BD4

#D4A62B

#59D42B

Tetradic

#522BD4

#D42B59

#ADD42B

#2BD4A6

Color Blindness Simulation

Original

#522BD4

Protanopia

#4141AB

Deuteranopia

#4346A1

Tritanopia

#508B84

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CFC4F3
300
#AC99EA
400
#7F62DF
500
#522BD4
600
#4122AA
700
#341B88
800
#29156A
900
#21144D
950
#150C31

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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