#97AD92

#97AD92

Color Values

HEX

#97AD92

RGB

151, 173, 146

HSL

108.9, 14.1%, 62.5%

HSV

108.9, 15.6%, 67.8%

CMYK

12.7%, 0.0%, 15.6%, 32.2%

OKLCH

0.7231 0.0455 139.9

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#97AD92

#A892AD

Analogous

#A4AD92

#92AD9A

#97AD92

Triadic

#97AD92

#9297AD

#AD9297

Split Complementary

#97AD92

#9A92AD

#AD92A4

Tetradic

#97AD92

#92A4AD

#A892AD

#AD9A92

Color Blindness Simulation

Original

#97AD92

Protanopia

#A1A199

Deuteranopia

#9F9E9A

Tritanopia

#989E9F

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D8E0D6
300
#BCCAB9
400
#98AE93
500
#74916E
600
#5D7458
700
#4A5D46
800
#3A4937
900
#2D372A
950
#1C221B

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026