#AD6F41

#AD6F41

Color Values

HEX

#AD6F41

RGB

173, 111, 65

HSL

25.6, 45.4%, 46.7%

HSV

25.6, 62.4%, 67.8%

CMYK

0.0%, 35.8%, 62.4%, 32.2%

OKLCH

0.5984 0.1 56.0

Properties

Warm Light Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#AD6F41

#417FAD

Analogous

#AD4149

#ADA541

#AD6F41

Triadic

#AD6F41

#41AD6F

#6F41AD

Split Complementary

#AD6F41

#41ADA5

#4149AD

Tetradic

#AD6F41

#49AD41

#417FAD

#A541AD

Color Blindness Simulation

Original

#AD6F41

Protanopia

#92924C

Deuteranopia

#969A4F

Tritanopia

#AA5557

Achromatopsia

#797979

CSS Usage

background-color: #AD6F41;
color: #AD6F41;
border-color: #AD6F41;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CB
300
#DEBEA6
400
#CB9A76
500
#B97746
600
#945F38
700
#774C2D
800
#5D3C23
900
#442E1D
950
#2B1D12

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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