#86197F

#86197F

Color Values

HEX

#86197F

RGB

134, 25, 127

HSL

303.9, 68.6%, 31.2%

HSV

303.9, 81.3%, 52.5%

CMYK

0.0%, 81.3%, 5.2%, 47.5%

OKLCH

0.4418 0.1798 331.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#86197F

#198620

Analogous

#571986

#861948

#86197F

Triadic

#86197F

#7F8619

#197F86

Split Complementary

#86197F

#488619

#198657

Tetradic

#86197F

#865719

#198620

#194886

Color Blindness Simulation

Original

#86197F

Protanopia

#575666

Deuteranopia

#5D6560

Tritanopia

#81534F

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3F1
300
#EC98E6
400
#E160D9
500
#D728CC
600
#AC20A3
700
#8A1A82
800
#6B1466
900
#4E134A
950
#310C2F

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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