#97948E

#97948E

Color Values

HEX

#97948E

RGB

151, 148, 142

HSL

40.0, 4.1%, 57.5%

HSV

40.0, 6.0%, 59.2%

CMYK

0.0%, 2.0%, 6.0%, 40.8%

OKLCH

0.6673 0.0094 84.6

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#97948E

#8E9197

Analogous

#97908E

#96978E

#97948E

Triadic

#97948E

#8E9794

#948E97

Split Complementary

#97948E

#8E9697

#908E97

Tetradic

#97948E

#8E9790

#8E9197

#978E96

Color Blindness Simulation

Original

#97948E

Protanopia

#96968F

Deuteranopia

#969690

Tritanopia

#979191

Achromatopsia

#949494

CSS Usage

background-color: #97948E;
color: #97948E;
border-color: #97948E;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDCDA
300
#C4C3BF
400
#A5A29D
500
#85817A
600
#6A6762
700
#55534E
800
#42413D
900
#32312F
950
#201F1D

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.94:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026