#860186

#860186

Color Values

HEX

#860186

RGB

134, 1, 134

HSL

300.0, 98.5%, 26.5%

HSV

300.0, 99.3%, 52.5%

CMYK

0.0%, 99.3%, 0.0%, 47.5%

OKLCH

0.4354 0.1995 328.4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#860186

#018601

Analogous

#440186

#860144

#860186

Triadic

#860186

#868601

#018686

Split Complementary

#860186

#448601

#018644

Tetradic

#860186

#864401

#018601

#014486

Color Blindness Simulation

Original

#860186

Protanopia

#4C4B66

Deuteranopia

#545E5E

Tritanopia

#7F4C47

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FE
300
#FE86FE
400
#FE44FE
500
#FD02FD
600
#CA02CA
700
#A201A2
800
#7F017F
900
#5B055B
950
#3A033A

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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