#989496

#989496

Color Values

HEX

#989496

RGB

152, 148, 150

HSL

330.0, 1.9%, 58.8%

HSV

330.0, 2.6%, 59.6%

CMYK

0.0%, 2.6%, 1.3%, 40.4%

OKLCH

0.6706 0.0055 345.4

Properties

Warm Light Nearest: NCS S 4000-N Medium Grey

Color Harmonies

Complementary

#989496

#949896

Analogous

#989498

#989494

#989496

Triadic

#989496

#969894

#949698

Split Complementary

#989496

#949894

#949898

Tetradic

#989496

#989894

#949896

#949498

Color Blindness Simulation

Original

#989496

Protanopia

#969696

Deuteranopia

#969795

Tritanopia

#989595

Achromatopsia

#959595

CSS Usage

background-color: #989496;
color: #989496;
border-color: #989496;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C3C1C2
400
#A29FA1
500
#827D80
600
#686466
700
#535052
800
#413F40
900
#313030
950
#1F1E1F

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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