#898696

#898696

Color Values

HEX

#898696

RGB

137, 134, 150

HSL

251.2, 7.1%, 55.7%

HSV

251.2, 10.7%, 58.8%

CMYK

8.7%, 10.7%, 0.0%, 41.2%

OKLCH

0.628 0.024 294.3

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#898696

#939686

Analogous

#868B96

#918696

#898696

Triadic

#898696

#968986

#869689

Split Complementary

#898696

#969186

#8B9686

Tetradic

#898696

#96868B

#939686

#869691

Color Blindness Simulation

Original

#898696

Protanopia

#888892

Deuteranopia

#888891

Tritanopia

#898F8E

Achromatopsia

#888888

CSS Usage

background-color: #898696;
color: #898696;
border-color: #898696;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#DAD9DE
300
#BFBDC6
400
#9C9AA7
500
#7A7689
600
#615F6D
700
#4E4C57
800
#3D3B44
900
#2F2D34
950
#1D1D21

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.91:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026