#882FE0

#882FE0

Color Values

HEX

#882FE0

RGB

136, 47, 224

HSL

270.2, 74.1%, 53.1%

HSV

270.2, 79.0%, 87.8%

CMYK

39.3%, 79.0%, 0.0%, 12.2%

OKLCH

0.533 0.2448 300.8

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#882FE0

#87E02F

Analogous

#2F2FE0

#E02FDF

#882FE0

Triadic

#882FE0

#E0882F

#2FE088

Split Complementary

#882FE0

#DFE02F

#2FE02F

Tetradic

#882FE0

#E02F2F

#87E02F

#2FDFE0

Color Blindness Simulation

Original

#882FE0

Protanopia

#6161B5

Deuteranopia

#676DAB

Tritanopia

#84938C

Achromatopsia

#4F4F4F

CSS Usage

background-color: #882FE0;
color: #882FE0;
border-color: #882FE0;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC1F6
300
#C294EF
400
#A15BE7
500
#8021DE
600
#671AB2
700
#52158E
800
#40116F
900
#311051
950
#1F0A33

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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