#882180

#882180

Color Values

HEX

#882180

RGB

136, 33, 128

HSL

304.7, 60.9%, 33.1%

HSV

304.7, 75.7%, 53.3%

CMYK

0.0%, 75.7%, 5.9%, 46.7%

OKLCH

0.4517 0.1736 331.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#882180

#218829

Analogous

#5C2188

#88214C

#882180

Triadic

#882180

#808821

#218088

Split Complementary

#882180

#4C8821

#21885C

Tetradic

#882180

#885C21

#218829

#214C88

Color Blindness Simulation

Original

#882180

Protanopia

#5B5B69

Deuteranopia

#616964

Tritanopia

#835753

Achromatopsia

#3E3E3E

CSS Usage

background-color: #882180;
color: #882180;
border-color: #882180;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C6EE
300
#E79DE1
400
#DA67D1
500
#CD32C1
600
#A4289A
700
#83207C
800
#671960
900
#4B1647
950
#2F0E2D

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026