#AD6D24

#AD6D24

Color Values

HEX

#AD6D24

RGB

173, 109, 36

HSL

32.0, 65.6%, 41.0%

HSV

32.0, 79.2%, 67.8%

CMYK

0.0%, 37.0%, 79.2%, 32.2%

OKLCH

0.5915 0.1174 64.7

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#AD6D24

#2464AD

Analogous

#AD2924

#A9AD24

#AD6D24

Triadic

#AD6D24

#24AD6D

#6D24AD

Split Complementary

#AD6D24

#24A9AD

#2924AD

Tetradic

#AD6D24

#24AD29

#2464AD

#AD24A9

Color Blindness Simulation

Original

#AD6D24

Protanopia

#919136

Deuteranopia

#959A3A

Tritanopia

#AA4447

Achromatopsia

#757575

CSS Usage

background-color: #AD6D24;
color: #AD6D24;
border-color: #AD6D24;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DDC4
300
#EAC49A
400
#DFA563
500
#D3852C
600
#A96A23
700
#87551C
800
#6A4316
900
#4D3214
950
#31200D

Contrast Checker

Text on white

4.21:1

AA Fail AAA Fail

Text on black

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