#986679

#986679

Color Values

HEX

#986679

RGB

152, 102, 121

HSL

337.2, 19.7%, 49.8%

HSV

337.2, 32.9%, 59.6%

CMYK

0.0%, 32.9%, 20.4%, 40.4%

OKLCH

0.5689 0.0691 355.1

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#986679

#669885

Analogous

#986692

#986C66

#986679

Triadic

#986679

#799866

#667998

Split Complementary

#986679

#66986C

#669298

Tetradic

#986679

#929866

#669885

#6C6698

Color Blindness Simulation

Original

#986679

Protanopia

#828274

Deuteranopia

#858973

Tritanopia

#967170

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D4DA
300
#CEB6BF
400
#B38E9C
500
#996679
600
#7A5261
700
#62424E
800
#4C333D
900
#39282E
950
#24191D

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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