#97AF9D

#97AF9D

Color Values

HEX

#97AF9D

RGB

151, 175, 157

HSL

135.0, 13.0%, 63.9%

HSV

135.0, 13.7%, 68.6%

CMYK

13.7%, 0.0%, 10.3%, 31.4%

OKLCH

0.7304 0.037 153.0

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#97AF9D

#AF97A9

Analogous

#9DAF97

#97AFA9

#97AF9D

Triadic

#97AF9D

#9D97AF

#AF9D97

Split Complementary

#97AF9D

#A997AF

#AF979D

Tetradic

#97AF9D

#979DAF

#AF97A9

#AFA997

Color Blindness Simulation

Original

#97AF9D

Protanopia

#A1A2A1

Deuteranopia

#A09EA2

Tritanopia

#98A5A6

Achromatopsia

#A9A9A9

CSS Usage

background-color: #97AF9D;
color: #97AF9D;
border-color: #97AF9D;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7E0D9
300
#BACABE
400
#94AD9B
500
#6F9077
600
#59735F
700
#475C4C
800
#37483C
900
#2B362E
950
#1B221D

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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