#88586D

#88586D

Color Values

HEX

#88586D

RGB

136, 88, 109

HSL

333.8, 21.4%, 43.9%

HSV

333.8, 35.3%, 53.3%

CMYK

0.0%, 35.3%, 19.9%, 46.7%

OKLCH

0.5197 0.0694 352.0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#88586D

#588873

Analogous

#885885

#885B58

#88586D

Triadic

#88586D

#6D8858

#586D88

Split Complementary

#88586D

#58885B

#588588

Tetradic

#88586D

#858858

#588873

#5B5888

Color Blindness Simulation

Original

#88586D

Protanopia

#737368

Deuteranopia

#767A67

Tritanopia

#866463

Achromatopsia

#646464

CSS Usage

background-color: #88586D;
color: #88586D;
border-color: #88586D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F9F6F7
100
#F0EAED
200
#E3D4DA
300
#CFB5C0
400
#B58C9E
500
#9B647C
600
#7C5063
700
#63404F
800
#4D323E
900
#3A272F
950
#24191E

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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