#97A686

#97A686

Color Values

HEX

#97A686

RGB

151, 166, 134

HSL

88.1, 15.2%, 58.8%

HSV

88.1, 19.3%, 65.1%

CMYK

9.0%, 0.0%, 19.3%, 34.9%

OKLCH

0.7045 0.0483 128.1

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#97A686

#9586A6

Analogous

#A6A586

#87A686

#97A686

Triadic

#97A686

#8697A6

#A68697

Split Complementary

#97A686

#8687A6

#A586A6

Tetradic

#97A686

#86A6A5

#9586A6

#A68687

Color Blindness Simulation

Original

#97A686

Protanopia

#9D9E8E

Deuteranopia

#9D9C90

Tritanopia

#989495

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DCE1D6
300
#C2CBB8
400
#A2AF92
500
#81936C
600
#677656
700
#525E45
800
#404936
900
#31372A
950
#1F231A

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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