#520352

#520352

Color Values

HEX

#520352

RGB

82, 3, 82

HSL

300,0, 92,9%, 16,7%

HSV

300,0, 96,3%, 32,2%

CMYK

0,0%, 96,3%, 0,0%, 67,8%

OKLCH

0,3099 0,1386 328,3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#520352

#035203

Analogous

#2B0352

#52032B

#520352

Triadic

#520352

#525203

#035252

Split Complementary

#520352

#2B5203

#03522B

Tetradic

#520352

#522B03

#035203

#032B52

Color Blindness Simulation

Original

#520352

Protanopia

#302F3F

Deuteranopia

#343A3A

Tritanopia

#4E302C

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FB89FB
400
#F849F8
500
#F609F6
600
#C507C5
700
#9D069D
800
#7B057B
900
#590859
950
#380538

Contrast Checker

Text on white

14,06:1

AA Pass AAA Pass

Text on black

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