#98697A

#98697A

Color Values

HEX

#98697A

RGB

152, 105, 122

HSL

338.3, 18.6%, 50.4%

HSV

338.3, 30.9%, 59.6%

CMYK

0.0%, 30.9%, 19.7%, 40.4%

OKLCH

0.5748 0.0643 355.9

Properties

Warm Light Nearest: pink 4

Color Harmonies

Complementary

#98697A

#699887

Analogous

#986992

#987069

#98697A

Triadic

#98697A

#7A9869

#697A98

Split Complementary

#98697A

#699870

#699298

Tetradic

#98697A

#929869

#699887

#706998

Color Blindness Simulation

Original

#98697A

Protanopia

#848376

Deuteranopia

#868A75

Tritanopia

#967372

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB6BF
400
#B28F9C
500
#976879
600
#795361
700
#61424D
800
#4C343C
900
#39282E
950
#24191D

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