#97A685

#97A685

Color Values

HEX

#97A685

RGB

151, 166, 133

HSL

87.3, 15.6%, 58.6%

HSV

87.3, 19.9%, 65.1%

CMYK

9.0%, 0.0%, 19.9%, 34.9%

OKLCH

0.7043 0.0496 127.5

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#97A685

#9485A6

Analogous

#A6A485

#86A685

#97A685

Triadic

#97A685

#8597A6

#A68597

Split Complementary

#97A685

#8586A6

#A485A6

Tetradic

#97A685

#85A6A4

#9485A6

#A68586

Color Blindness Simulation

Original

#97A685

Protanopia

#9D9E8D

Deuteranopia

#9D9C8F

Tritanopia

#989395

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DCE1D6
300
#C3CBB8
400
#A2AF92
500
#81936C
600
#677656
700
#535E45
800
#414A36
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