#882F60

#882F60

Color Values

HEX

#882F60

RGB

136, 47, 96

HSL

327.0, 48.6%, 35.9%

HSV

327.0, 65.4%, 53.3%

CMYK

0.0%, 65.4%, 29.4%, 46.7%

OKLCH

0.4504 0.1327 349.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#882F60

#2F8857

Analogous

#842F88

#882F34

#882F60

Triadic

#882F60

#60882F

#2F6088

Split Complementary

#882F60

#34882F

#2F8884

Tetradic

#882F60

#88842F

#2F8857

#2F3488

Color Blindness Simulation

Original

#882F60

Protanopia

#616154

Deuteranopia

#676D51

Tritanopia

#844B49

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADD
300
#E0A4C5
400
#CF73A5
500
#BD4286
600
#98346B
700
#792A56
800
#5F2143
900
#461B33
950
#2C1120

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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