#882B89

#882B89

Color Values

HEX

#882B89

RGB

136, 43, 137

HSL

299.4, 52.2%, 35.3%

HSV

299.4, 68.6%, 53.7%

CMYK

0.7%, 68.6%, 0.0%, 46.3%

OKLCH

0.4663 0.1689 327.4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#882B89

#2C892B

Analogous

#592B89

#892B5B

#882B89

Triadic

#882B89

#89882B

#2B8988

Split Complementary

#882B89

#5B892B

#2B8959

Tetradic

#882B89

#89592B

#2C892B

#2B5B89

Color Blindness Simulation

Original

#882B89

Protanopia

#605F72

Deuteranopia

#656C6D

Tritanopia

#83605C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC9EE
300
#E1A2E2
400
#D16FD2
500
#C13DC2
600
#9A319B
700
#7B277C
800
#601E61
900
#471A47
950
#2D102D

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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