#998C88

#998C88

Color Values

HEX

#998C88

RGB

153, 140, 136

HSL

14.1, 7.7%, 56.7%

HSV

14.1, 11.1%, 60.0%

CMYK

0.0%, 8.5%, 11.1%, 40.0%

OKLCH

0.6503 0.0168 37.8

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#998C88

#889599

Analogous

#99888D

#999588

#998C88

Triadic

#998C88

#88998C

#8C8899

Split Complementary

#998C88

#889995

#888D99

Tetradic

#998C88

#8D9988

#889599

#958899

Color Blindness Simulation

Original

#998C88

Protanopia

#939389

Deuteranopia

#949589

Tritanopia

#988A8A

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD9
300
#C7BFBD
400
#A89D99
500
#897A76
600
#6E625E
700
#584E4B
800
#453D3B
900
#342F2D
950
#211D1C

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46: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