#52297B

#52297B

Color Values

HEX

#52297B

RGB

82, 41, 123

HSL

270.0, 50.0%, 32.2%

HSV

270.0, 66.7%, 48.2%

CMYK

33.3%, 66.7%, 0.0%, 51.8%

OKLCH

0.3792 0.1345 303.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#52297B

#527B29

Analogous

#29297B

#7B297B

#52297B

Triadic

#52297B

#7B5229

#297B52

Split Complementary

#52297B

#7B7B29

#297B29

Tetradic

#52297B

#7B2929

#527B29

#297B7B

Color Blindness Simulation

Original

#52297B

Protanopia

#404067

Deuteranopia

#434662

Tritanopia

#505754

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBC9ED
300
#C2A3E0
400
#A171D0
500
#8040BF
600
#663399
700
#52297A
800
#402060
900
#301B46
950
#1F112C

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

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