#8016DF

#8016DF

Color Values

HEX

#8016DF

RGB

128, 22, 223

HSL

271.6, 82.0%, 48.0%

HSV

271.6, 90.1%, 87.5%

CMYK

42.6%, 90.1%, 0.0%, 12.5%

OKLCH

0.5062 0.2594 299.5

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#8016DF

#75DF16

Analogous

#1B16DF

#DF16D9

#8016DF

Triadic

#8016DF

#DF8016

#16DF80

Split Complementary

#8016DF

#D9DF16

#16DF1B

Tetradic

#8016DF

#DF1B16

#75DF16

#16D9DF

Color Blindness Simulation

Original

#8016DF

Protanopia

#5251AE

Deuteranopia

#5860A3

Tritanopia

#7B8880

Achromatopsia

#3B3B3B

CSS Usage

background-color: #8016DF;
color: #8016DF;
border-color: #8016DF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C490F4
400
#A553EE
500
#8517E8
600
#6A12BA
700
#550F95
800
#430B74
900
#320D54
950
#200835

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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