#875686

#875686

Color Values

HEX

#875686

RGB

135, 86, 134

HSL

301.2, 22.2%, 43.3%

HSV

301.2, 36.3%, 52.9%

CMYK

0.0%, 36.3%, 0.7%, 47.1%

OKLCH

0.5247 0.0937 327.5

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#875686

#568757

Analogous

#6F5687

#87566D

#875686

Triadic

#875686

#868756

#568687

Split Complementary

#875686

#6D8756

#56876F

Tetradic

#875686

#876F56

#568757

#566D87

Color Blindness Simulation

Original

#875686

Protanopia

#72717A

Deuteranopia

#757878

Tritanopia

#85716F

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1EAF0
200
#E3D3E3
300
#CFB4CF
400
#B68CB5
500
#9C639B
600
#7D4F7C
700
#643F63
800
#4E324D
900
#3A273A
950
#251824

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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