#882F50

#882F50

Color Values

HEX

#882F50

RGB

136, 47, 80

HSL

337.8, 48.6%, 35.9%

HSV

337.8, 65.4%, 53.3%

CMYK

0.0%, 65.4%, 41.2%, 46.7%

OKLCH

0.4444 0.1253 0.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#882F50

#2F8867

Analogous

#882F7C

#883B2F

#882F50

Triadic

#882F50

#50882F

#2F5088

Split Complementary

#882F50

#2F883B

#2F7C88

Tetradic

#882F50

#7C882F

#2F8867

#3B2F88

Color Blindness Simulation

Original

#882F50

Protanopia

#616148

Deuteranopia

#676D46

Tritanopia

#844240

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A4BA
400
#CF7395
500
#BD426F
600
#983459
700
#792A47
800
#5F2138
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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