#989DB4

#989DB4

Color Values

HEX

#989DB4

RGB

152, 157, 180

HSL

229.3, 15.7%, 65.1%

HSV

229.3, 15.6%, 70.6%

CMYK

15.6%, 12.8%, 0.0%, 29.4%

OKLCH

0.6996 0.034 275.8

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#989DB4

#B4AF98

Analogous

#98ABB4

#A198B4

#989DB4

Triadic

#989DB4

#B4989D

#9DB498

Split Complementary

#989DB4

#B4A198

#ABB498

Tetradic

#989DB4

#B498AB

#B4AF98

#98B4A1

Color Blindness Simulation

Original

#989DB4

Protanopia

#9A9AAE

Deuteranopia

#9A9AAD

Tritanopia

#98AAA9

Achromatopsia

#9E9E9E

CSS Usage

background-color: #989DB4;
color: #989DB4;
border-color: #989DB4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D8E1
300
#B8BCCB
400
#9297AF
500
#6B7394
600
#565C76
700
#45495E
800
#36394A
900
#2A2C37
950
#1A1C23

Contrast Checker

Text on white

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