#AD421F

#AD421F

Color Values

HEX

#AD421F

RGB

173, 66, 31

HSL

14.8, 69.6%, 40.0%

HSV

14.8, 82.1%, 67.8%

CMYK

0.0%, 61.8%, 82.1%, 32.2%

OKLCH

0.5209 0.1481 37.7

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AD421F

#1F8AAD

Analogous

#AD1F43

#AD891F

#AD421F

Triadic

#AD421F

#1FAD42

#421FAD

Split Complementary

#AD421F

#1FAD89

#1F43AD

Tetradic

#AD421F

#43AD1F

#1F8AAD

#891FAD

Color Blindness Simulation

Original

#AD421F

Protanopia

#7F7E27

Deuteranopia

#858D2A

Tritanopia

#A82E30

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E8E3
200
#F4CFC2
300
#ECAC97
400
#E27F5F
500
#D85327
600
#AD421F
700
#8A3519
800
#6C2913
900
#4F2112
950
#32150B

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026