#8E02A2

#8E02A2

Color Values

HEX

#8E02A2

RGB

142, 2, 162

HSL

292.5, 97.6%, 32.2%

HSV

292.5, 98.8%, 63.5%

CMYK

12.3%, 98.8%, 0.0%, 36.5%

OKLCH

0.4682 0.2219 321.4

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#8E02A2

#16A202

Analogous

#3E02A2

#A20266

#8E02A2

Triadic

#8E02A2

#A28E02

#02A28E

Split Complementary

#8E02A2

#66A202

#02A23E

Tetradic

#8E02A2

#A23E02

#16A202

#0266A2

Color Blindness Simulation

Original

#8E02A2

Protanopia

#51507B

Deuteranopia

#5A6472

Tritanopia

#875D56

Achromatopsia

#2B2B2B

CSS Usage

background-color: #8E02A2;
color: #8E02A2;
border-color: #8E02A2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F5B8FE
300
#EF86FE
400
#E645FD
500
#DD03FC
600
#B102CA
700
#8D02A1
800
#6E027E
900
#50065B
950
#330439

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

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