#523993

#523993

Color Values

HEX

#523993

RGB

82, 57, 147

HSL

256.7, 44.1%, 40.0%

HSV

256.7, 61.2%, 57.6%

CMYK

44.2%, 61.2%, 0.0%, 42.4%

OKLCH

0.4228 0.1416 292.0

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#523993

#7A9339

Analogous

#394D93

#7F3993

#523993

Triadic

#523993

#935239

#399352

Split Complementary

#523993

#937F39

#4D9339

Tetradic

#523993

#93394D

#7A9339

#39937F

Color Blindness Simulation

Original

#523993

Protanopia

#47477D

Deuteranopia

#494A78

Tritanopia

#516C68

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CCEB
300
#B6A7DD
400
#8E77CA
500
#6747B8
600
#523993
700
#422E76
800
#33245C
900
#281D44
950
#19122B

Contrast Checker

Text on white

8.88:1

AA Pass AAA Pass

Text on black

2.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026