#9AABC2

#9AABC2

Color Values

HEX

#9AABC2

RGB

154, 171, 194

HSL

214.5, 24.7%, 68.2%

HSV

214.5, 20.6%, 76.1%

CMYK

20.6%, 11.9%, 0.0%, 23.9%

OKLCH

0.7357 0.0384 256.0

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#9AABC2

#C2B19A

Analogous

#9ABFC2

#9D9AC2

#9AABC2

Triadic

#9AABC2

#C29AAB

#ABC29A

Split Complementary

#9AABC2

#C29D9A

#BFC29A

Tetradic

#9AABC2

#C29ABF

#C2B19A

#9AC29D

Color Blindness Simulation

Original

#9AABC2

Protanopia

#A1A2BC

Deuteranopia

#A09FBB

Tritanopia

#9BB8B7

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DAE4
300
#B3C0D1
400
#899DB8
500
#607B9F
600
#4D627F
700
#3D4F66
800
#303D4F
900
#262F3B
950
#181E25

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026