#8833DC

#8833DC

Color Values

HEX

#8833DC

RGB

136, 51, 220

HSL

270.2, 70.7%, 53.1%

HSV

270.2, 76.8%, 86.3%

CMYK

38.2%, 76.8%, 0.0%, 13.7%

OKLCH

0.5333 0.2373 301.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8833DC

#87DC33

Analogous

#3333DC

#DC33DB

#8833DC

Triadic

#8833DC

#DC8833

#33DC88

Split Complementary

#8833DC

#DBDC33

#33DC33

Tetradic

#8833DC

#DC3333

#87DC33

#33DBDC

Color Blindness Simulation

Original

#8833DC

Protanopia

#6362B3

Deuteranopia

#686EA9

Tritanopia

#84938C

Achromatopsia

#515151

CSS Usage

background-color: #8833DC;
color: #8833DC;
border-color: #8833DC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C297ED
400
#A15EE3
500
#8025DA
600
#661EAE
700
#52188B
800
#40136D
900
#31124F
950
#1F0B32

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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