#883B71

#883B71

Color Values

HEX

#883B71

RGB

136, 59, 113

HSL

317.9, 39.5%, 38.2%

HSV

317.9, 56.6%, 53.3%

CMYK

0.0%, 56.6%, 16.9%, 46.7%

OKLCH

0.4734 0.1249 340.4

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#883B71

#3B8852

Analogous

#783B88

#883B4A

#883B71

Triadic

#883B71

#71883B

#3B7188

Split Complementary

#883B71

#4A883B

#3B8878

Tetradic

#883B71

#88783B

#3B8852

#3B4A88

Color Blindness Simulation

Original

#883B71

Protanopia

#676664

Deuteranopia

#6B7161

Tritanopia

#845A57

Achromatopsia

#4F4F4F

CSS Usage

background-color: #883B71;
color: #883B71;
border-color: #883B71;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F8
100
#F3E7F0
200
#E9CDE1
300
#DAAACC
400
#C67BB0
500
#B24D94
600
#8E3E76
700
#72315F
800
#59274A
900
#421F37
950
#291423

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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