#52116F

#52116F

Color Values

HEX

#52116F

RGB

82, 17, 111

HSL

281.5, 73.4%, 25.1%

HSV

281.5, 84.7%, 43.5%

CMYK

26.1%, 84.7%, 0.0%, 56.5%

OKLCH

0.342 0.1517 312.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#52116F

#2E6F11

Analogous

#23116F

#6F115D

#52116F

Triadic

#52116F

#6F5211

#116F52

Split Complementary

#52116F

#5D6F11

#116F23

Tetradic

#52116F

#6F2311

#2E6F11

#115D6F

Color Blindness Simulation

Original

#52116F

Protanopia

#363558

Deuteranopia

#3A3E53

Tritanopia

#4F4642

Achromatopsia

#262626

CSS Usage

background-color: #52116F;
color: #52116F;
border-color: #52116F;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F3FC
100
#F1E2F8
200
#E5C1F6
300
#D395EF
400
#BB5BE6
500
#A322DD
600
#831BB1
700
#69168D
800
#52116F
900
#3D1050
950
#260A33

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

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