#861983

#861983

Color Values

HEX

#861983

RGB

134, 25, 131

HSL

301.7, 68.6%, 31.2%

HSV

301.7, 81.3%, 52.5%

CMYK

0.0%, 81.3%, 2.2%, 47.5%

OKLCH

0.4442 0.1829 329.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#861983

#19861C

Analogous

#531986

#86194C

#861983

Triadic

#861983

#838619

#198386

Split Complementary

#861983

#4C8619

#198653

Tetradic

#861983

#865319

#19861C

#194C86

Color Blindness Simulation

Original

#861983

Protanopia

#575669

Deuteranopia

#5D6563

Tritanopia

#815551

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E3F7
200
#F4C3F2
300
#EC98E9
400
#E160DE
500
#D728D2
600
#AC20A8
700
#8A1A86
800
#6B1469
900
#4E134D
950
#310C30

Contrast Checker

Text on white

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