#8F5876

#8F5876

Color Values

HEX

#8F5876

RGB

143, 88, 118

HSL

327.3, 23.8%, 45.3%

HSV

327.3, 38.5%, 56.1%

CMYK

0.0%, 38.5%, 17.5%, 43.9%

OKLCH

0.5315 0.0828 346.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#8F5876

#588F71

Analogous

#8D588F

#8F585A

#8F5876

Triadic

#8F5876

#768F58

#58768F

Split Complementary

#8F5876

#5A8F58

#588F8D

Tetradic

#8F5876

#8F8D58

#588F71

#585A8F

Color Blindness Simulation

Original

#8F5876

Protanopia

#77776F

Deuteranopia

#7A7E6D

Tritanopia

#8C6968

Achromatopsia

#666666

CSS Usage

background-color: #8F5876;
color: #8F5876;
border-color: #8F5876;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F1EAED
200
#E4D3DC
300
#D0B3C3
400
#B78AA3
500
#9E6182
600
#7E4E68
700
#653E53
800
#4F3141
900
#3B2631
950
#25181F

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026