#97ACBD

#97ACBD

Color Values

HEX

#97ACBD

RGB

151, 172, 189

HSL

206.8, 22.4%, 66.7%

HSV

206.8, 20.1%, 74.1%

CMYK

20.1%, 9.0%, 0.0%, 25.9%

OKLCH

0.7339 0.034 242.5

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#97ACBD

#BDA897

Analogous

#97BDBB

#9799BD

#97ACBD

Triadic

#97ACBD

#BD97AC

#ACBD97

Split Complementary

#97ACBD

#BD9799

#BDBB97

Tetradic

#97ACBD

#BB97BD

#BDA897

#99BD97

Color Blindness Simulation

Original

#97ACBD

Protanopia

#A0A0B9

Deuteranopia

#9F9DB8

Tritanopia

#98B6B5

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE3
300
#B4C3D0
400
#8CA3B6
500
#63839C
600
#4F687D
700
#3F5464
800
#31414E
900
#27313A
950
#181F25

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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