#AD5003

#AD5003

Color Values

HEX

#AD5003

RGB

173, 80, 3

HSL

27.2, 96.6%, 34.5%

HSV

27.2, 98.3%, 67.8%

CMYK

0.0%, 53.8%, 98.3%, 32.2%

OKLCH

0.5398 0.1417 49.9

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AD5003

#0360AD

Analogous

#AD030B

#ADA503

#AD5003

Triadic

#AD5003

#03AD50

#5003AD

Split Complementary

#AD5003

#03ADA5

#030BAD

Tetradic

#AD5003

#0BAD03

#0360AD

#A503AD

Color Blindness Simulation

Original

#AD5003

Protanopia

#858416

Deuteranopia

#8A911A

Tritanopia

#A82428

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FED8B9
300
#FDBC87
400
#FC9846
500
#FB7404
600
#C95D03
700
#A04A03
800
#7D3A02
900
#5B2D06
950
#391C04

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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