#8020C8

#8020C8

Color Values

HEX

#8020C8

RGB

128, 32, 200

HSL

274.3, 72.4%, 45.5%

HSV

274.3, 84.0%, 78.4%

CMYK

36.0%, 84.0%, 0.0%, 21.6%

OKLCH

0.4915 0.2333 304.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8020C8

#68C820

Analogous

#2C20C8

#C820BC

#8020C8

Triadic

#8020C8

#C88020

#20C880

Split Complementary

#8020C8

#BCC820

#20C82C

Tetradic

#8020C8

#C82C20

#68C820

#20BCC8

Color Blindness Simulation

Original

#8020C8

Protanopia

#56569F

Deuteranopia

#5C6396

Tritanopia

#7B7F78

Achromatopsia

#414141

CSS Usage

background-color: #8020C8;
color: #8020C8;
border-color: #8020C8;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F5
300
#C895EE
400
#AA5CE5
500
#8D23DC
600
#711CB0
700
#5A178D
800
#46126E
900
#351150
950
#210B33

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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