#9DB7D6

#9DB7D6

Color Values

HEX

#9DB7D6

RGB

157, 183, 214

HSL

212.6, 41.0%, 72.7%

HSV

212.6, 26.6%, 83.9%

CMYK

26.6%, 14.5%, 0.0%, 16.1%

OKLCH

0.7704 0.053 253.0

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#9DB7D6

#D6BC9D

Analogous

#9DD3D6

#9F9DD6

#9DB7D6

Triadic

#9DB7D6

#D69DB7

#B7D69D

Split Complementary

#9DB7D6

#D69F9D

#D3D69D

Tetradic

#9DB7D6

#D69DD3

#D6BC9D

#9DD69F

Color Blindness Simulation

Original

#9DB7D6

Protanopia

#A8A8CF

Deuteranopia

#A7A5CD

Tritanopia

#9EC9C7

Achromatopsia

#B4B4B4

CSS Usage

background-color: #9DB7D6;
color: #9DB7D6;
border-color: #9DB7D6;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAEA
300
#A9C0DB
400
#7A9DC7
500
#4B7BB4
600
#3C6290
700
#304F73
800
#263D5A
900
#1F2F42
950
#131E2A

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.18:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026