#8520D3

#8520D3

Color Values

HEX

#8520D3

RGB

133, 32, 211

HSL

273.9, 73.7%, 47.6%

HSV

273.9, 84.8%, 82.7%

CMYK

37.0%, 84.8%, 0.0%, 17.3%

OKLCH

0.5072 0.244 303.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8520D3

#6ED320

Analogous

#2C20D3

#D320C7

#8520D3

Triadic

#8520D3

#D38520

#20D385

Split Complementary

#8520D3

#C7D320

#20D32C

Tetradic

#8520D3

#D32C20

#6ED320

#20C7D3

Color Blindness Simulation

Original

#8520D3

Protanopia

#5958A8

Deuteranopia

#5F679D

Tritanopia

#80857E

Achromatopsia

#424242

CSS Usage

background-color: #8520D3;
color: #8520D3;
border-color: #8520D3;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C895EF
400
#AA5BE6
500
#8C22DD
600
#701BB1
700
#59158E
800
#46116F
900
#351051
950
#210A33

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026