#870684

#870684

Color Values

HEX

#870684

RGB

135, 6, 132

HSL

301.4, 91.5%, 27.6%

HSV

301.4, 95.6%, 52.9%

CMYK

0.0%, 95.6%, 2.2%, 47.1%

OKLCH

0.4376 0.1961 329.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#870684

#068709

Analogous

#490687

#870643

#870684

Triadic

#870684

#848706

#068487

Split Complementary

#870684

#438706

#068749

Tetradic

#870684

#874906

#068709

#064387

Color Blindness Simulation

Original

#870684

Protanopia

#4F4E66

Deuteranopia

#57605E

Tritanopia

#814D48

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBFA
300
#FA8AF7
400
#F74AF3
500
#F40BEF
600
#C309BF
700
#9C0799
800
#7A0577
900
#580956
950
#380537

Contrast Checker

Text on white

8.79:1

AA Pass AAA Pass

Text on black

2.39:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026