#97AABC

#97AABC

Color Values

HEX

#97AABC

RGB

151, 170, 188

HSL

209.2, 21.6%, 66.5%

HSV

209.2, 19.7%, 73.7%

CMYK

19.7%, 9.6%, 0.0%, 26.3%

OKLCH

0.7292 0.0337 246.8

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97AABC

#BCA997

Analogous

#97BCBC

#9798BC

#97AABC

Triadic

#97AABC

#BC97AA

#AABC97

Split Complementary

#97AABC

#BC9798

#BCBC97

Tetradic

#97AABC

#BC97BC

#BCA997

#98BC97

Color Blindness Simulation

Original

#97AABC

Protanopia

#9F9FB8

Deuteranopia

#9E9DB7

Tritanopia

#98B4B3

Achromatopsia

#A7A7A7

CSS Usage

background-color: #97AABC;
color: #97AABC;
border-color: #97AABC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DCE3
300
#B5C2CF
400
#8CA1B5
500
#64809B
600
#50677C
700
#405263
800
#32404E
900
#27313A
950
#191F25

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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