#883D82

#883D82

Color Values

HEX

#883D82

RGB

136, 61, 130

HSL

304.8, 38.1%, 38.6%

HSV

304.8, 55.1%, 53.3%

CMYK

0.0%, 55.1%, 4.4%, 46.7%

OKLCH

0.4843 0.1358 330.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#883D82

#3D8843

Analogous

#683D88

#883D5C

#883D82

Triadic

#883D82

#82883D

#3D8288

Split Complementary

#883D82

#5C883D

#3D8868

Tetradic

#883D82

#88683D

#3D8843

#3D5C88

Color Blindness Simulation

Original

#883D82

Protanopia

#686771

Deuteranopia

#6C716D

Tritanopia

#846461

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE7
300
#D9AAD5
400
#C57DBF
500
#B04FA8
600
#8D3F87
700
#71336C
800
#582754
900
#41203E
950
#291427

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026