#882A56

#882A56

Color Values

HEX

#882A56

RGB

136, 42, 86

HSL

331.9, 52.8%, 34.9%

HSV

331.9, 69.1%, 53.3%

CMYK

0.0%, 69.1%, 36.8%, 46.7%

OKLCH

0.4406 0.1348 355.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#882A56

#2A885C

Analogous

#882A85

#882D2A

#882A56

Triadic

#882A56

#56882A

#2A5688

Split Complementary

#882A56

#2A882D

#2A8588

Tetradic

#882A56

#85882A

#2A885C

#2D2A88

Color Blindness Simulation

Original

#882A56

Protanopia

#5F5E4B

Deuteranopia

#656C49

Tritanopia

#834341

Achromatopsia

#414141

CSS Usage

background-color: #882A56;
color: #882A56;
border-color: #882A56;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC8DA
300
#E2A1C0
400
#D26F9D
500
#C33C7B
600
#9C3063
700
#7D274F
800
#611E3E
900
#47192F
950
#2D101E

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026