#882CEC

#882CEC

Color Values

HEX

#882CEC

RGB

136, 44, 236

HSL

268.8, 83.5%, 54.9%

HSV

268.8, 81.4%, 92.5%

CMYK

42.4%, 81.4%, 0.0%, 7.5%

OKLCH

0.5408 0.2585 298.6

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#882CEC

#90EC2C

Analogous

#2C30EC

#E82CEC

#882CEC

Triadic

#882CEC

#EC882C

#2CEC88

Split Complementary

#882CEC

#ECE82C

#30EC2C

Tetradic

#882CEC

#EC2C30

#90EC2C

#2CECE8

Color Blindness Simulation

Original

#882CEC

Protanopia

#605FBE

Deuteranopia

#666CB2

Tritanopia

#839991

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DABDF9
300
#C08FF5
400
#9D52EF
500
#7B15EA
600
#6311BB
700
#4F0D96
800
#3E0B75
900
#2F0C55
950
#1E0836

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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