#52296D

#52296D

Color Values

HEX

#52296D

RGB

82, 41, 109

HSL

276.2, 45.3%, 29.4%

HSV

276.2, 62.4%, 42.7%

CMYK

24.8%, 62.4%, 0.0%, 57.3%

OKLCH

0.3691 0.1175 309.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#52296D

#446D29

Analogous

#30296D

#6D2966

#52296D

Triadic

#52296D

#6D5229

#296D52

Split Complementary

#52296D

#666D29

#296D30

Tetradic

#52296D

#6D3029

#446D29

#29666D

Color Blindness Simulation

Original

#52296D

Protanopia

#40405D

Deuteranopia

#434659

Tritanopia

#50504D

Achromatopsia

#373737

CSS Usage

background-color: #52296D;
color: #52296D;
border-color: #52296D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F4FA
100
#EFE6F4
200
#DFCBEB
300
#C8A6DE
400
#A976CB
500
#8B46B9
600
#703894
700
#592D77
800
#46235D
900
#351D44
950
#21122B

Contrast Checker

Text on white

11.07:1

AA Pass AAA Pass

Text on black

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