#AD5D15

#AD5D15

Color Values

HEX

#AD5D15

RGB

173, 93, 21

HSL

28.4, 78.4%, 38.0%

HSV

28.4, 87.9%, 67.8%

CMYK

0.0%, 46.2%, 87.9%, 32.2%

OKLCH

0.5618 0.1297 55.7

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AD5D15

#1565AD

Analogous

#AD1519

#ADA915

#AD5D15

Triadic

#AD5D15

#15AD5D

#5D15AD

Split Complementary

#AD5D15

#15ADA9

#1519AD

Tetradic

#AD5D15

#19AD15

#1565AD

#A915AD

Color Blindness Simulation

Original

#AD5D15

Protanopia

#8A8A26

Deuteranopia

#8F952B

Tritanopia

#A93437

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DABF
300
#F2BF92
400
#EB9D57
500
#E37A1C
600
#B66216
700
#924E12
800
#723D0E
900
#532F0E
950
#341D09

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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