#882ED0

#882ED0

Color Values

HEX

#882ED0

RGB

136, 46, 208

HSL

273.3, 63.8%, 49.8%

HSV

273.3, 77.9%, 81.6%

CMYK

34.6%, 77.9%, 0.0%, 18.4%

OKLCH

0.519 0.2305 304.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#882ED0

#76D02E

Analogous

#372ED0

#D02EC7

#882ED0

Triadic

#882ED0

#D0882E

#2ED088

Split Complementary

#882ED0

#C7D02E

#2ED037

Tetradic

#882ED0

#D0372E

#76D02E

#2EC7D0

Color Blindness Simulation

Original

#882ED0

Protanopia

#6160A9

Deuteranopia

#666D9F

Tritanopia

#848A83

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE3F7
200
#DEC5F2
300
#C69BE9
400
#A764DD
500
#882ED1
600
#6D25A7
700
#571E86
800
#441768
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026