#883C7B

#883C7B

Color Values

HEX

#883C7B

RGB

136, 60, 123

HSL

310.3, 38.8%, 38.4%

HSV

310.3, 55.9%, 53.3%

CMYK

0.0%, 55.9%, 9.6%, 46.7%

OKLCH

0.4795 0.1313 334.4

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#883C7B

#3C8849

Analogous

#6F3C88

#883C55

#883C7B

Triadic

#883C7B

#7B883C

#3C7B88

Split Complementary

#883C7B

#55883C

#3C886F

Tetradic

#883C7B

#886F3C

#3C8849

#3C5588

Color Blindness Simulation

Original

#883C7B

Protanopia

#67666C

Deuteranopia

#6C7168

Tritanopia

#84605D

Achromatopsia

#515151

CSS Usage

background-color: #883C7B;
color: #883C7B;
border-color: #883C7B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CDE4
300
#DAAAD1
400
#C57CB9
500
#B14EA0
600
#8E3E80
700
#713266
800
#582750
900
#41203C
950
#291426

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

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