#989189

#989189

Color Values

HEX

#989189

RGB

152, 145, 137

HSL

32.0, 6.8%, 56.7%

HSV

32.0, 9.9%, 59.6%

CMYK

0.0%, 4.6%, 9.9%, 40.4%

OKLCH

0.6603 0.0143 71.3

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#989189

#899098

Analogous

#988A89

#989889

#989189

Triadic

#989189

#899891

#918998

Split Complementary

#989189

#899898

#8A8998

Tetradic

#989189

#89988A

#899098

#988998

Color Blindness Simulation

Original

#989189

Protanopia

#95958B

Deuteranopia

#95968B

Tritanopia

#988C8D

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD9
300
#C6C2BE
400
#A7A19A
500
#888077
600
#6D665F
700
#57524C
800
#44403B
900
#33312D
950
#201F1D

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

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