#989FA8

#989FA8

Color Values

HEX

#989FA8

RGB

152, 159, 168

HSL

213.8, 8.4%, 62.7%

HSV

213.8, 9.5%, 65.9%

CMYK

9.5%, 5.4%, 0.0%, 34.1%

OKLCH

0.6997 0.0154 254.6

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#989FA8

#A8A198

Analogous

#98A7A8

#9998A8

#989FA8

Triadic

#989FA8

#A8989F

#9FA898

Split Complementary

#989FA8

#A89998

#A7A898

Tetradic

#989FA8

#A898A7

#A8A198

#98A899

Color Blindness Simulation

Original

#989FA8

Protanopia

#9B9BA6

Deuteranopia

#9B9AA5

Tritanopia

#98A4A4

Achromatopsia

#9E9E9E

CSS Usage

background-color: #989FA8;
color: #989FA8;
border-color: #989FA8;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DBDE
300
#BDC1C7
400
#99A0A9
500
#757E8A
600
#5D656F
700
#4B5158
800
#3A3F45
900
#2D3034
950
#1C1E21

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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