#AD7666

#AD7666

Color Values

HEX

#AD7666

RGB

173, 118, 102

HSL

13.5, 30.2%, 53.9%

HSV

13.5, 41.0%, 67.8%

CMYK

0.0%, 31.8%, 41.0%, 32.2%

OKLCH

0.6183 0.0739 36.9

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AD7666

#669DAD

Analogous

#AD6679

#AD9966

#AD7666

Triadic

#AD7666

#66AD76

#7666AD

Split Complementary

#AD7666

#66AD99

#6679AD

Tetradic

#AD7666

#79AD66

#669DAD

#9966AD

Color Blindness Simulation

Original

#AD7666

Protanopia

#95956A

Deuteranopia

#989C6B

Tritanopia

#AA6D6E

Achromatopsia

#818181

CSS Usage

background-color: #AD7666;
color: #AD7666;
border-color: #AD7666;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F5
100
#F2EBE9
200
#E6D5D1
300
#D4B8AF
400
#BD9184
500
#A66A59
600
#855547
700
#6A4439
800
#53352C
900
#3E2923
950
#271A16

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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