#531696

#531696

Color Values

HEX

#531696

RGB

83, 22, 150

HSL

268.6, 74.4%, 33.7%

HSV

268.6, 85.3%, 58.8%

CMYK

44.7%, 85.3%, 0.0%, 41.2%

OKLCH

0.3826 0.186 298.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#531696

#599616

Analogous

#161996

#931696

#531696

Triadic

#531696

#965316

#169653

Split Complementary

#531696

#969316

#199616

Tetradic

#531696

#961619

#599616

#169693

Color Blindness Simulation

Original

#531696

Protanopia

#393877

Deuteranopia

#3C4170

Tritanopia

#505F59

Achromatopsia

#2C2C2C

CSS Usage

background-color: #531696;
color: #531696;
border-color: #531696;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DAC1F6
300
#C094EF
400
#9D5AE7
500
#7B21DE
600
#621AB2
700
#4F158E
800
#3E106F
900
#2F1051
950
#1E0A33

Contrast Checker

Text on white

10.92:1

AA Pass AAA Pass

Text on black

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