#97A2AF

#97A2AF

Color Values

HEX

#97A2AF

RGB

151, 162, 175

HSL

212.5, 13.0%, 63.9%

HSV

212.5, 13.7%, 68.6%

CMYK

13.7%, 7.4%, 0.0%, 31.4%

OKLCH

0.7077 0.0227 252.6

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#97A2AF

#AFA497

Analogous

#97AEAF

#9897AF

#97A2AF

Triadic

#97A2AF

#AF97A2

#A2AF97

Split Complementary

#97A2AF

#AF9897

#AEAF97

Tetradic

#97A2AF

#AF97AE

#AFA497

#97AF98

Color Blindness Simulation

Original

#97A2AF

Protanopia

#9C9CAC

Deuteranopia

#9B9AAB

Tritanopia

#98A9A9

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC1CA
400
#94A0AD
500
#6F7E90
600
#596573
700
#47515C
800
#373F48
900
#2B3036
950
#1B1E22

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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