#AD7266

#AD7266

Color Values

HEX

#AD7266

RGB

173, 114, 102

HSL

10.1, 30.2%, 53.9%

HSV

10.1, 41.0%, 67.8%

CMYK

0.0%, 34.1%, 41.0%, 32.2%

OKLCH

0.6108 0.0776 32.0

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AD7266

#66A1AD

Analogous

#AD667D

#AD9566

#AD7266

Triadic

#AD7266

#66AD72

#7266AD

Split Complementary

#AD7266

#66AD95

#667DAD

Tetradic

#AD7266

#7DAD66

#66A1AD

#9566AD

Color Blindness Simulation

Original

#AD7266

Protanopia

#939369

Deuteranopia

#979B6A

Tritanopia

#AA6B6C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE9
200
#E6D4D1
300
#D4B6AF
400
#BD8E84
500
#A66659
600
#855247
700
#6A4139
800
#53332C
900
#3E2823
950
#271916

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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