#861486

#861486

Color Values

HEX

#861486

RGB

134, 20, 134

HSL

300.0, 74.0%, 30.2%

HSV

300.0, 85.1%, 52.5%

CMYK

0.0%, 85.1%, 0.0%, 47.5%

OKLCH

0.4431 0.1892 328.2

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#861486

#148614

Analogous

#4D1486

#86144D

#861486

Triadic

#861486

#868614

#148686

Split Complementary

#861486

#4D8614

#14864D

Tetradic

#861486

#864D14

#148614

#144D86

Color Blindness Simulation

Original

#861486

Protanopia

#55546A

Deuteranopia

#5B6464

Tritanopia

#805550

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F6C1F6
300
#EF95EF
400
#E65BE6
500
#DE21DE
600
#B11BB1
700
#8E158E
800
#6F116F
900
#511051
950
#330A33

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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