#AD5B09

#AD5B09

Color Values

HEX

#AD5B09

RGB

173, 91, 9

HSL

30.0, 90.1%, 35.7%

HSV

30.0, 94.8%, 67.8%

CMYK

0.0%, 47.4%, 94.8%, 32.2%

OKLCH

0.5579 0.1335 56.0

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AD5B09

#095BAD

Analogous

#AD0909

#ADAD09

#AD5B09

Triadic

#AD5B09

#09AD5B

#5B09AD

Split Complementary

#AD5B09

#09ADAD

#0909AD

Tetradic

#AD5B09

#09AD09

#095BAD

#AD09AD

Color Blindness Simulation

Original

#AD5B09

Protanopia

#89891D

Deuteranopia

#8E9422

Tritanopia

#A92D30

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FBDBBB
300
#F9C28B
400
#F6A14C
500
#F2800D
600
#C2660A
700
#9B5208
800
#794006
900
#583009
950
#371F06

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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