#AD6D18

#AD6D18

Color Values

HEX

#AD6D18

RGB

173, 109, 24

HSL

34.2, 75.6%, 38.6%

HSV

34.2, 86.1%, 67.8%

CMYK

0.0%, 37.0%, 86.1%, 32.2%

OKLCH

0.5907 0.1223 67.1

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#AD6D18

#1858AD

Analogous

#AD2218

#A2AD18

#AD6D18

Triadic

#AD6D18

#18AD6D

#6D18AD

Split Complementary

#AD6D18

#18A2AD

#2218AD

Tetradic

#AD6D18

#18AD22

#1858AD

#AD18A2

Color Blindness Simulation

Original

#AD6D18

Protanopia

#91912D

Deuteranopia

#959A31

Tritanopia

#AA3D40

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC0
300
#F0C894
400
#E8AB59
500
#E08D1F
600
#B37119
700
#8F5A14
800
#704610
900
#51350F
950
#33220A

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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