#AD5C13

#AD5C13

Color Values

HEX

#AD5C13

RGB

173, 92, 19

HSL

28.4, 80.2%, 37.6%

HSV

28.4, 89.0%, 67.8%

CMYK

0.0%, 46.8%, 89.0%, 32.2%

OKLCH

0.56 0.1308 55.3

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AD5C13

#1364AD

Analogous

#AD1317

#ADA913

#AD5C13

Triadic

#AD5C13

#13AD5C

#5C13AD

Split Complementary

#AD5C13

#13ADA9

#1317AD

Tetradic

#AD5C13

#17AD13

#1364AD

#A913AD

Color Blindness Simulation

Original

#AD5C13

Protanopia

#8A8925

Deuteranopia

#8F9529

Tritanopia

#A93336

Achromatopsia

#686868

CSS Usage

background-color: #AD5C13;
color: #AD5C13;
border-color: #AD5C13;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#F9EDE1
200
#F8DABF
300
#F3BF91
400
#EC9D55
500
#E67A19
600
#B86214
700
#934E10
800
#733D0D
900
#532F0D
950
#351D09

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026