#8B586C

#8B586C

Color Values

HEX

#8B586C

RGB

139, 88, 108

HSL

336.5, 22.5%, 44.5%

HSV

336.5, 36.7%, 54.5%

CMYK

0.0%, 36.7%, 22.3%, 45.5%

OKLCH

0.523 0.0723 354.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#8B586C

#588B77

Analogous

#8B5885

#8B5D58

#8B586C

Triadic

#8B586C

#6C8B58

#586C8B

Split Complementary

#8B586C

#588B5D

#58858B

Tetradic

#8B586C

#858B58

#588B77

#5D588B

Color Blindness Simulation

Original

#8B586C

Protanopia

#757467

Deuteranopia

#787C66

Tritanopia

#886362

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E3D3DA
300
#D0B4BF
400
#B68B9C
500
#9C6379
600
#7D4F61
700
#643F4E
800
#4E313D
900
#3A272E
950
#25181D

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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