#52159F

#52159F

Color Values

HEX

#52159F

RGB

82, 21, 159

HSL

266.5, 76.7%, 35.3%

HSV

266.5, 86.8%, 62.4%

CMYK

48.4%, 86.8%, 0.0%, 37.6%

OKLCH

0.3894 0.1957 295.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#52159F

#629F15

Analogous

#151D9F

#97159F

#52159F

Triadic

#52159F

#9F5215

#159F52

Split Complementary

#52159F

#9F9715

#1D9F15

Tetradic

#52159F

#9F151D

#629F15

#159F97

Color Blindness Simulation

Original

#52159F

Protanopia

#38377E

Deuteranopia

#3B4076

Tritanopia

#4F635D

Achromatopsia

#2C2C2C

CSS Usage

background-color: #52159F;
color: #52159F;
border-color: #52159F;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F7
300
#BC93F1
400
#9858E9
500
#741EE1
600
#5D18B4
700
#4A1390
800
#3A0F71
900
#2D0F52
950
#1C0934

Contrast Checker

Text on white

10.68:1

AA Pass AAA Pass

Text on black

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