#8F6587

#8F6587

Color Values

HEX

#8F6587

RGB

143, 101, 135

HSL

311.4, 17.2%, 47.8%

HSV

311.4, 29.4%, 56.1%

CMYK

0.0%, 29.4%, 5.6%, 43.9%

OKLCH

0.5618 0.0722 333.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#8F6587

#658F6D

Analogous

#82658F

#8F6572

#8F6587

Triadic

#8F6587

#878F65

#65878F

Split Complementary

#8F6587

#728F65

#658F82

Tetradic

#8F6587

#8F8265

#658F6D

#65728F

Color Blindness Simulation

Original

#8F6587

Protanopia

#7D7C7F

Deuteranopia

#7F827D

Tritanopia

#8D7877

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5DF
300
#CCB7C8
400
#B190AB
500
#956A8D
600
#785471
700
#60445A
800
#4B3547
900
#382935
950
#231A22

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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