#883B86

#883B86

Color Values

HEX

#883B86

RGB

136, 59, 134

HSL

301.6, 39.5%, 38.2%

HSV

301.6, 56.6%, 53.3%

CMYK

0.0%, 56.6%, 1.5%, 46.7%

OKLCH

0.4836 0.1427 328.5

Properties

Warm Dark Nearest: orchid 4

Color Harmonies

Complementary

#883B86

#3B883D

Analogous

#633B88

#883B5F

#883B86

Triadic

#883B86

#86883B

#3B8688

Split Complementary

#883B86

#5F883B

#3B8863

Tetradic

#883B86

#88633B

#3B883D

#3B5F88

Color Blindness Simulation

Original

#883B86

Protanopia

#676674

Deuteranopia

#6B7170

Tritanopia

#846662

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#E9CDE9
300
#DAAAD9
400
#C67BC4
500
#B24DAF
600
#8E3E8C
700
#723170
800
#592758
900
#421F41
950
#291429

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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