#9DB8AB

#9DB8AB

Color Values

HEX

#9DB8AB

RGB

157, 184, 171

HSL

151.1, 16.0%, 66.9%

HSV

151.1, 14.7%, 72.2%

CMYK

14.7%, 0.0%, 7.1%, 27.8%

OKLCH

0.7585 0.0348 164.8

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#9DB8AB

#B89DAA

Analogous

#9DB89E

#9DB8B8

#9DB8AB

Triadic

#9DB8AB

#AB9DB8

#B8AB9D

Split Complementary

#9DB8AB

#B89DB8

#B89E9D

Tetradic

#9DB8AB

#9E9DB8

#B89DAA

#B8B89D

Color Blindness Simulation

Original

#9DB8AB

Protanopia

#A9A9AE

Deuteranopia

#A7A5AF

Tritanopia

#9EB1B1

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DC
300
#B8CCC2
400
#92B0A1
500
#6B9480
600
#567667
700
#455F52
800
#364A40
900
#293731
950
#1A231F

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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