#882FCE

#882FCE

Color Values

HEX

#882FCE

RGB

136, 47, 206

HSL

273.6, 62.8%, 49.6%

HSV

273.6, 77.2%, 80.8%

CMYK

34.0%, 77.2%, 0.0%, 19.2%

OKLCH

0.5183 0.2277 304.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#882FCE

#75CE2F

Analogous

#392FCE

#CE2FC4

#882FCE

Triadic

#882FCE

#CE882F

#2FCE88

Split Complementary

#882FCE

#C4CE2F

#2FCE39

Tetradic

#882FCE

#CE392F

#75CE2F

#2FC4CE

Color Blindness Simulation

Original

#882FCE

Protanopia

#6161A8

Deuteranopia

#676D9E

Tritanopia

#848982

Achromatopsia

#4D4D4D

CSS Usage

background-color: #882FCE;
color: #882FCE;
border-color: #882FCE;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A865DC
500
#892FD0
600
#6E26A6
700
#581E85
800
#451868
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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