#898797

#898797

Color Values

HEX

#898797

RGB

137, 135, 151

HSL

247.5, 7.1%, 56.1%

HSV

247.5, 10.6%, 59.2%

CMYK

9.3%, 10.6%, 0.0%, 40.8%

OKLCH

0.6304 0.0238 291.4

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#898797

#959787

Analogous

#878D97

#918797

#898797

Triadic

#898797

#978987

#879789

Split Complementary

#898797

#979187

#8D9787

Tetradic

#898797

#97878D

#959787

#879791

Color Blindness Simulation

Original

#898797

Protanopia

#888893

Deuteranopia

#888892

Tritanopia

#89908F

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D9D9DE
300
#BFBDC6
400
#9C9AA7
500
#797689
600
#615F6D
700
#4D4C57
800
#3C3B44
900
#2E2D34
950
#1D1D21

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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