#98A89F

#98A89F

Color Values

HEX

#98A89F

RGB

152, 168, 159

HSL

146.2, 8.4%, 62.7%

HSV

146.2, 9.5%, 65.9%

CMYK

9.5%, 0.0%, 5.4%, 34.1%

OKLCH

0.7164 0.0221 161.2

Properties

Cool Light Nearest: RAL 7004 Signal Grey

Color Harmonies

Complementary

#98A89F

#A898A1

Analogous

#99A898

#98A8A7

#98A89F

Triadic

#98A89F

#9F98A8

#A89F98

Split Complementary

#98A89F

#A798A8

#A89899

Tetradic

#98A89F

#9899A8

#A898A1

#A8A798

Color Blindness Simulation

Original

#98A89F

Protanopia

#9F9FA1

Deuteranopia

#9E9DA2

Tritanopia

#99A3A3

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D8DEDB
300
#BDC7C1
400
#99A9A0
500
#758A7E
600
#5D6F65
700
#4B5851
800
#3A453F
900
#2D3430
950
#1C211E

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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