#870679

#870679

Color Values

HEX

#870679

RGB

135, 6, 121

HSL

306.5, 91.5%, 27.6%

HSV

306.5, 95.6%, 52.9%

CMYK

0.0%, 95.6%, 10.4%, 47.1%

OKLCH

0.4308 0.1885 334.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#870679

#068714

Analogous

#540687

#870638

#870679

Triadic

#870679

#798706

#067987

Split Complementary

#870679

#388706

#068754

Tetradic

#870679

#875406

#068714

#063887

Color Blindness Simulation

Original

#870679

Protanopia

#4F4E5D

Deuteranopia

#576056

Tritanopia

#814742

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBBF5
300
#FA8AEE
400
#F74AE4
500
#F40BDB
600
#C309AF
700
#9C078C
800
#7A056D
900
#580950
950
#380532

Contrast Checker

Text on white

9.0:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026