#986789

#986789

Color Values

HEX

#986789

RGB

152, 103, 137

HSL

318.4, 19.2%, 50.0%

HSV

318.4, 32.2%, 59.6%

CMYK

0.0%, 32.2%, 9.9%, 40.4%

OKLCH

0.5764 0.0783 338.5

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#986789

#679876

Analogous

#8F6798

#986770

#986789

Triadic

#986789

#899867

#678998

Split Complementary

#986789

#709867

#67988F

Tetradic

#986789

#988F67

#679876

#677098

Color Blindness Simulation

Original

#986789

Protanopia

#838281

Deuteranopia

#86897F

Tritanopia

#967A79

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D4DE
300
#CEB6C6
400
#B38FA8
500
#986789
600
#7A526E
700
#614258
800
#4C3444
900
#392834
950
#241921

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

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