#AD998F

#AD998F

Color Values

HEX

#AD998F

RGB

173, 153, 143

HSL

20.0, 15.5%, 62.0%

HSV

20.0, 17.3%, 67.8%

CMYK

0.0%, 11.6%, 17.3%, 32.2%

OKLCH

0.6977 0.0279 48.3

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#AD998F

#8FA3AD

Analogous

#AD8F94

#ADA88F

#AD998F

Triadic

#AD998F

#8FAD99

#998FAD

Split Complementary

#AD998F

#8FADA8

#8F94AD

Tetradic

#AD998F

#94AD8F

#8FA3AD

#A88FAD

Color Blindness Simulation

Original

#AD998F

Protanopia

#A4A491

Deuteranopia

#A6A792

Tritanopia

#AC9394

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D9D6
300
#CBBFB8
400
#AF9C92
500
#93796C
600
#766156
700
#5E4D45
800
#4A3C36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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