#989FA3

#989FA3

Color Values

HEX

#989FA3

RGB

152, 159, 163

HSL

201.8, 5.6%, 61.8%

HSV

201.8, 6.7%, 63.9%

CMYK

6.7%, 2.5%, 0.0%, 36.1%

OKLCH

0.6981 0.01 232.4

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#989FA3

#A39C98

Analogous

#98A3A2

#989AA3

#989FA3

Triadic

#989FA3

#A3989F

#9FA398

Split Complementary

#989FA3

#A3989A

#A3A298

Tetradic

#989FA3

#A298A3

#A39C98

#9AA398

Color Blindness Simulation

Original

#989FA3

Protanopia

#9B9BA2

Deuteranopia

#9B9AA2

Tritanopia

#98A1A1

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDD
300
#BEC3C5
400
#9BA2A6
500
#788187
600
#60686C
700
#4D5356
800
#3C4143
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026