#9EAFBD

#9EAFBD

Color Values

HEX

#9EAFBD

RGB

158, 175, 189

HSL

207.1, 19.0%, 68.0%

HSV

207.1, 16.4%, 74.1%

CMYK

16.4%, 7.4%, 0.0%, 25.9%

OKLCH

0.7453 0.0277 242.9

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#9EAFBD

#BDAC9E

Analogous

#9EBDBB

#9E9FBD

#9EAFBD

Triadic

#9EAFBD

#BD9EAF

#AFBD9E

Split Complementary

#9EAFBD

#BD9E9F

#BDBB9E

Tetradic

#9EAFBD

#BB9EBD

#BDAC9E

#9FBD9E

Color Blindness Simulation

Original

#9EAFBD

Protanopia

#A5A6BA

Deuteranopia

#A4A3B9

Tritanopia

#9FB7B6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DCE2
300
#B6C3CD
400
#8FA2B3
500
#678298
600
#536879
700
#425361
800
#34414C
900
#283139
950
#191F24

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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