#AD7362

#AD7362

Color Values

HEX

#AD7362

RGB

173, 115, 98

HSL

13.6, 31.4%, 53.1%

HSV

13.6, 43.4%, 67.8%

CMYK

0.0%, 33.5%, 43.4%, 32.2%

OKLCH

0.6118 0.0783 37.1

Properties

Warm Light Nearest: Sepia

Color Harmonies

Complementary

#AD7362

#629CAD

Analogous

#AD6276

#AD9862

#AD7362

Triadic

#AD7362

#62AD73

#7362AD

Split Complementary

#AD7362

#62AD98

#6276AD

Tetradic

#AD7362

#76AD62

#629CAD

#9862AD

Color Blindness Simulation

Original

#AD7362

Protanopia

#949366

Deuteranopia

#979C67

Tritanopia

#AA696A

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D5D0
300
#D5B7AF
400
#BE9083
500
#A86A57
600
#865446
700
#6B4438
800
#54352C
900
#3E2923
950
#271A16

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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