#AD541F

#AD541F

Color Values

HEX

#AD541F

RGB

173, 84, 31

HSL

22.4, 69.6%, 40.0%

HSV

22.4, 82.1%, 67.8%

CMYK

0.0%, 51.4%, 82.1%, 32.2%

OKLCH

0.5475 0.1327 47.5

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AD541F

#1F78AD

Analogous

#AD1F31

#AD9B1F

#AD541F

Triadic

#AD541F

#1FAD54

#541FAD

Split Complementary

#AD541F

#1FAD9B

#1F31AD

Tetradic

#AD541F

#31AD1F

#1F78AD

#9B1FAD

Color Blindness Simulation

Original

#AD541F

Protanopia

#86862C

Deuteranopia

#8C922F

Tritanopia

#A93638

Achromatopsia

#636363

CSS Usage

background-color: #AD541F;
color: #AD541F;
border-color: #AD541F;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FCF6F3
100
#F8EAE3
200
#F4D5C2
300
#ECB797
400
#E2905F
500
#D86927
600
#AD541F
700
#8A4319
800
#6C3513
900
#4F2912
950
#321A0B

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail 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