#AD4B1F

#AD4B1F

Color Values

HEX

#AD4B1F

RGB

173, 75, 31

HSL

18.6, 69.6%, 40.0%

HSV

18.6, 82.1%, 67.8%

CMYK

0.0%, 56.6%, 82.1%, 32.2%

OKLCH

0.5336 0.1401 42.2

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AD4B1F

#1F81AD

Analogous

#AD1F3A

#AD921F

#AD4B1F

Triadic

#AD4B1F

#1FAD4B

#4B1FAD

Split Complementary

#AD4B1F

#1FAD92

#1F3AAD

Tetradic

#AD4B1F

#3AAD1F

#1F81AD

#921FAD

Color Blindness Simulation

Original

#AD4B1F

Protanopia

#83822A

Deuteranopia

#88902C

Tritanopia

#A83234

Achromatopsia

#5D5D5D

CSS Usage

background-color: #AD4B1F;
color: #AD4B1F;
border-color: #AD4B1F;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FCF6F3
100
#F8E9E3
200
#F4D2C2
300
#ECB297
400
#E2885F
500
#D85E27
600
#AD4B1F
700
#8A3C19
800
#6C2F13
900
#4F2512
950
#32170B

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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