#522E76

#522E76

Color Values

HEX

#522E76

RGB

82, 46, 118

HSL

270.0, 43.9%, 32.2%

HSV

270.0, 61.0%, 46.3%

CMYK

30.5%, 61.0%, 0.0%, 53.7%

OKLCH

0.3833 0.1205 304.4

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#522E76

#52762E

Analogous

#2E2E76

#762E76

#522E76

Triadic

#522E76

#76522E

#2E7652

Split Complementary

#522E76

#76762E

#2E762E

Tetradic

#522E76

#762E2E

#52762E

#2E7676

Color Blindness Simulation

Original

#522E76

Protanopia

#424265

Deuteranopia

#444760

Tritanopia

#505754

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCCEB
300
#C2A7DD
400
#A177CA
500
#8048B7
600
#663993
700
#522E75
800
#40245C
900
#301D44
950
#1F132B

Contrast Checker

Text on white

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