#523696

#523696

Color Values

HEX

#523696

RGB

82, 54, 150

HSL

257.5, 47.1%, 40.0%

HSV

257.5, 64.0%, 58.8%

CMYK

45.3%, 64.0%, 0.0%, 41.2%

OKLCH

0.4202 0.1498 292.1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#523696

#7A9636

Analogous

#364A96

#823696

#523696

Triadic

#523696

#965236

#369652

Split Complementary

#523696

#968236

#4A9636

Tetradic

#523696

#96364A

#7A9636

#369682

Color Blindness Simulation

Original

#523696

Protanopia

#46467F

Deuteranopia

#484A79

Tritanopia

#516C68

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAEC
300
#B6A5DF
400
#8E74CD
500
#6643BC
600
#523696
700
#422B78
800
#33225E
900
#281C45
950
#19122C

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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