#97AC96

#97AC96

Color Values

HEX

#97AC96

RGB

151, 172, 150

HSL

117.3, 11.7%, 63.1%

HSV

117.3, 12.8%, 67.5%

CMYK

12.2%, 0.0%, 12.8%, 32.5%

OKLCH

0.7219 0.0391 143.9

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#97AC96

#AB96AC

Analogous

#A2AC96

#96ACA0

#97AC96

Triadic

#97AC96

#9697AC

#AC9697

Split Complementary

#97AC96

#A096AC

#AC96A2

Tetradic

#97AC96

#96A2AC

#AB96AC

#ACA096

Color Blindness Simulation

Original

#97AC96

Protanopia

#A0A09B

Deuteranopia

#9F9D9D

Tritanopia

#98A0A0

Achromatopsia

#A6A6A6

CSS Usage

background-color: #97AC96;
color: #97AC96;
border-color: #97AC96;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D7DFD7
300
#BBC9BB
400
#97AC96
500
#728E71
600
#5B725A
700
#495B48
800
#394738
900
#2C362B
950
#1C221B

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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