#521978

#521978

Color Values

HEX

#521978

RGB

82, 25, 120

HSL

276.0, 65.5%, 28.4%

HSV

276.0, 79.2%, 47.1%

CMYK

31.7%, 79.2%, 0.0%, 52.9%

OKLCH

0.3569 0.1523 307.5

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#521978

#3F7819

Analogous

#221978

#78196E

#521978

Triadic

#521978

#785219

#197852

Split Complementary

#521978

#6E7819

#197822

Tetradic

#521978

#782219

#3F7819

#196E78

Color Blindness Simulation

Original

#521978

Protanopia

#393961

Deuteranopia

#3D415C

Tritanopia

#4F4F4B

Achromatopsia

#2C2C2C

CSS Usage

background-color: #521978;
color: #521978;
border-color: #521978;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C4F3
300
#CA9AEA
400
#AD63DE
500
#902CD3
600
#7323A9
700
#5C1C87
800
#48166A
900
#36144D
950
#220D31

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

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