#883C84

#883C84

Color Values

HEX

#883C84

RGB

136, 60, 132

HSL

303.2, 38.8%, 38.4%

HSV

303.2, 55.9%, 53.3%

CMYK

0.0%, 55.9%, 2.9%, 46.7%

OKLCH

0.4839 0.1392 329.5

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#883C84

#3C8840

Analogous

#663C88

#883C5E

#883C84

Triadic

#883C84

#84883C

#3C8488

Split Complementary

#883C84

#5E883C

#3C8866

Tetradic

#883C84

#88663C

#3C8840

#3C5E88

Color Blindness Simulation

Original

#883C84

Protanopia

#676673

Deuteranopia

#6C716E

Tritanopia

#846562

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F2
200
#E9CDE8
300
#DAAAD7
400
#C57CC1
500
#B14EAC
600
#8E3E89
700
#71326E
800
#582756
900
#412040
950
#291428

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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