#522E75

#522E75

Color Values

HEX

#522E75

RGB

82, 46, 117

HSL

270.4, 43.6%, 32.0%

HSV

270.4, 60.7%, 45.9%

CMYK

29.9%, 60.7%, 0.0%, 54.1%

OKLCH

0.3826 0.1192 304.8

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#522E75

#51752E

Analogous

#2E2E75

#752E75

#522E75

Triadic

#522E75

#75522E

#2E7552

Split Complementary

#522E75

#75752E

#2E752E

Tetradic

#522E75

#752E2E

#51752E

#2E7575

Color Blindness Simulation

Original

#522E75

Protanopia

#424264

Deuteranopia

#444760

Tritanopia

#505653

Achromatopsia

#3B3B3B

CSS Usage

background-color: #522E75;
color: #522E75;
border-color: #522E75;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DCCCEB
300
#C2A7DC
400
#A178CA
500
#8048B7
600
#673A92
700
#522E75
800
#40245C
900
#311D43
950
#1F132B

Contrast Checker

Text on white

10.47:1

AA Pass AAA Pass

Text on black

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