#52015C

#52015C

Color Values

HEX

#52015C

RGB

82, 1, 92

HSL

293,4, 97,8%, 18,2%

HSV

293,4, 98,9%, 36,1%

CMYK

10,9%, 98,9%, 0,0%, 63,9%

OKLCH

0,316 0,1483 322,6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#52015C

#0B5C01

Analogous

#24015C

#5C0138

#52015C

Triadic

#52015C

#5C5201

#015C52

Split Complementary

#52015C

#385C01

#015C24

Tetradic

#52015C

#5C2401

#0B5C01

#01385C

Color Blindness Simulation

Original

#52015C

Protanopia

#2F2E46

Deuteranopia

#343A41

Tritanopia

#4E3531

Achromatopsia

#191919

CSS Usage

background-color: #52015C;
color: #52015C;
border-color: #52015C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F7B8FE
300
#F086FE
400
#E944FD
500
#E103FC
600
#B402CA
700
#9002A1
800
#70017E
900
#52065B
950
#34043A

Contrast Checker

Text on white

13,84:1

AA Pass AAA Pass

Text on black

1,52: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