#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