#883686

#883686

Color Values

HEX

#883686

RGB

136, 54, 134

HSL

301.5, 43.2%, 37.3%

HSV

301.5, 60.3%, 53.3%

CMYK

0.0%, 60.3%, 1.5%, 46.7%

OKLCH

0.4771 0.1506 328.6

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#883686

#368838

Analogous

#613688

#88365D

#883686

Triadic

#883686

#868836

#368688

Split Complementary

#883686

#5D8836

#368861

Tetradic

#883686

#886136

#368838

#365D88

Color Blindness Simulation

Original

#883686

Protanopia

#646473

Deuteranopia

#696F6E

Tritanopia

#846360

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F4E7F3
200
#EBCCEA
300
#DCA7DB
400
#C978C7
500
#B748B4
600
#923A90
700
#752E73
800
#5B245A
900
#431E42
950
#2A132A

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026