#AD5307

#AD5307

Color Values

HEX

#AD5307

RGB

173, 83, 7

HSL

27.5, 92.2%, 35.3%

HSV

27.5, 96.0%, 67.8%

CMYK

0.0%, 52.0%, 96.0%, 32.2%

OKLCH

0.5447 0.1389 51.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AD5307

#0761AD

Analogous

#AD070E

#ADA607

#AD5307

Triadic

#AD5307

#07AD53

#5307AD

Split Complementary

#AD5307

#07ADA6

#070EAD

Tetradic

#AD5307

#0EAD07

#0761AD

#A607AD

Color Blindness Simulation

Original

#AD5307

Protanopia

#868519

Deuteranopia

#8B921E

Tritanopia

#A8282B

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FCD9BA
300
#FABD89
400
#F8994A
500
#F5760A
600
#C45E08
700
#9D4B06
800
#7B3B05
900
#592D08
950
#381C05

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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