#AD5D0B

#AD5D0B

Color Values

HEX

#AD5D0B

RGB

173, 93, 11

HSL

30.4, 88.0%, 36.1%

HSV

30.4, 93.6%, 67.8%

CMYK

0.0%, 46.2%, 93.6%, 32.2%

OKLCH

0.5614 0.132 57.1

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#AD5D0B

#0B5BAD

Analogous

#AD0C0B

#ACAD0B

#AD5D0B

Triadic

#AD5D0B

#0BAD5D

#5D0BAD

Split Complementary

#AD5D0B

#0BACAD

#0C0BAD

Tetradic

#AD5D0B

#0BAD0C

#0B5BAD

#AD0BAC

Color Blindness Simulation

Original

#AD5D0B

Protanopia

#8A8A1F

Deuteranopia

#8F9524

Tritanopia

#A92F32

Achromatopsia

#686868

CSS Usage

background-color: #AD5D0B;
color: #AD5D0B;
border-color: #AD5D0B;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDCBC
300
#F8C38C
400
#F4A24E
500
#F0810F
600
#C0670C
700
#99530A
800
#784008
900
#57310A
950
#371F06

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026