#880786

#880786

Color Values

HEX

#880786

RGB

136, 7, 134

HSL

300.9, 90.2%, 28.0%

HSV

300.9, 94.9%, 53.3%

CMYK

0.0%, 94.9%, 1.5%, 46.7%

OKLCH

0.4409 0.1974 329.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#880786

#078809

Analogous

#490788

#880745

#880786

Triadic

#880786

#868807

#078688

Split Complementary

#880786

#458807

#078849

Tetradic

#880786

#884907

#078809

#074588

Color Blindness Simulation

Original

#880786

Protanopia

#504F67

Deuteranopia

#586160

Tritanopia

#824F4A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #880786;
color: #880786;
border-color: #880786;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFB
300
#F98BF7
400
#F64CF3
500
#F30CEF
600
#C20ABF
700
#9B0899
800
#790678
900
#580957
950
#370637

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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