#861982

#861982

Color Values

HEX

#861982

RGB

134, 25, 130

HSL

302.2, 68.6%, 31.2%

HSV

302.2, 81.3%, 52.5%

CMYK

0.0%, 81.3%, 3.0%, 47.5%

OKLCH

0.4436 0.1821 329.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#861982

#19861D

Analogous

#541986

#86194C

#861982

Triadic

#861982

#828619

#198286

Split Complementary

#861982

#4C8619

#198654

Tetradic

#861982

#865419

#19861D

#194C86

Color Blindness Simulation

Original

#861982

Protanopia

#575669

Deuteranopia

#5D6562

Tritanopia

#815550

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F7
200
#F4C3F2
300
#EC98E9
400
#E160DD
500
#D728D1
600
#AC20A7
700
#8A1A85
800
#6B1468
900
#4E134C
950
#310C30

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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