#97AA8D

#97AA8D

Color Values

HEX

#97AA8D

RGB

151, 170, 141

HSL

99.3, 14.6%, 61.0%

HSV

99.3, 17.1%, 66.7%

CMYK

11.2%, 0.0%, 17.1%, 33.3%

OKLCH

0.7151 0.0463 134.8

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#97AA8D

#A08DAA

Analogous

#A6AA8D

#8DAA92

#97AA8D

Triadic

#97AA8D

#8D97AA

#AA8D97

Split Complementary

#97AA8D

#928DAA

#AA8DA6

Tetradic

#97AA8D

#8DA6AA

#A08DAA

#AA928D

Color Blindness Simulation

Original

#97AA8D

Protanopia

#9F9F94

Deuteranopia

#9E9D96

Tritanopia

#989A9B

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#DAE1D6
300
#BFCBB9
400
#9CAE93
500
#7A926D
600
#617557
700
#4E5E46
800
#3D4936
900
#2E372A
950
#1D231B

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026