#AD5B16

#AD5B16

Color Values

HEX

#AD5B16

RGB

173, 91, 22

HSL

27.4, 77.4%, 38.2%

HSV

27.4, 87.3%, 67.8%

CMYK

0.0%, 47.4%, 87.3%, 32.2%

OKLCH

0.5584 0.1306 54.1

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#AD5B16

#1668AD

Analogous

#AD161D

#ADA616

#AD5B16

Triadic

#AD5B16

#16AD5B

#5B16AD

Split Complementary

#AD5B16

#16ADA6

#161DAD

Tetradic

#AD5B16

#1DAD16

#1668AD

#A616AD

Color Blindness Simulation

Original

#AD5B16

Protanopia

#898927

Deuteranopia

#8E942B

Tritanopia

#A93437

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9C0
300
#F1BE92
400
#EA9A58
500
#E2771D
600
#B55F17
700
#914C12
800
#713B0E
900
#522E0F
950
#341D09

Contrast Checker

Text on white

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