#986578

#986578

Color Values

HEX

#986578

RGB

152, 101, 120

HSL

337.6, 20.2%, 49.6%

HSV

337.6, 33.6%, 59.6%

CMYK

0.0%, 33.6%, 21.1%, 40.4%

OKLCH

0.5667 0.0704 355.6

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#986578

#659885

Analogous

#986592

#986B65

#986578

Triadic

#986578

#789865

#657898

Split Complementary

#986578

#65986B

#659298

Tetradic

#986578

#929865

#659885

#6B6598

Color Blindness Simulation

Original

#986578

Protanopia

#828173

Deuteranopia

#858972

Tritanopia

#95706F

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E3D4D9
300
#CEB5BF
400
#B48E9C
500
#996679
600
#7B5161
700
#62414D
800
#4D333C
900
#39282E
950
#24191D

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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