#523971

#523971

Color Values

HEX

#523971

RGB

82, 57, 113

HSL

266,8, 32,9%, 33,3%

HSV

266,8, 49,6%, 44,3%

CMYK

27,4%, 49,6%, 0,0%, 55,7%

OKLCH

0,3992 0,0948 303,0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#523971

#587139

Analogous

#393C71

#6E3971

#523971

Triadic

#523971

#715239

#397152

Split Complementary

#523971

#716E39

#3C7139

Tetradic

#523971

#71393C

#587139

#39716E

Color Blindness Simulation

Original

#523971

Protanopia

#474763

Deuteranopia

#494A60

Tritanopia

#515956

Achromatopsia

#424242

CSS Usage

background-color: #523971;
color: #523971;
border-color: #523971;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DAD0E7
300
#C0AED6
400
#9D82C0
500
#7B56A9
600
#624488
700
#4F376C
800
#3E2B55
900
#2F223F
950
#1E1628

Contrast Checker

Text on white

9,62:1

AA Pass AAA Pass

Text on black

2,18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026