#97A374

#97A374

Color Values

HEX

#97A374

RGB

151, 163, 116

HSL

75.3, 20.3%, 54.7%

HSV

75.3, 28.8%, 63.9%

CMYK

7.4%, 0.0%, 28.8%, 36.1%

OKLCH

0.6938 0.0668 119.8

Properties

Cool Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#97A374

#8074A3

Analogous

#A39774

#80A374

#97A374

Triadic

#97A374

#7497A3

#A37497

Split Complementary

#97A374

#7480A3

#9774A3

Tetradic

#97A374

#74A397

#8074A3

#A37480

Color Blindness Simulation

Original

#97A374

Protanopia

#9C9C7F

Deuteranopia

#9C9B82

Tritanopia

#98888A

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#DFE3D4
300
#C8CEB5
400
#AAB48D
500
#8C9966
600
#707B51
700
#5A6241
800
#464D33
900
#353928
950
#212419

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026