#AF501D

#AF501D

Color Values

HEX

#AF501D

RGB

175, 80, 29

HSL

21,0, 71,6%, 40,0%

HSV

21,0, 83,4%, 68,6%

CMYK

0,0%, 54,3%, 83,4%, 31,4%

OKLCH

0,5441 0,1386 45,1

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF501D

#1D7CAF

Analogous

#AF1D33

#AF991D

#AF501D

Triadic

#AF501D

#1DAF50

#501DAF

Split Complementary

#AF501D

#1DAF99

#1D33AF

Tetradic

#AF501D

#33AF1D

#1D7CAF

#991DAF

Color Blindness Simulation

Original

#AF501D

Protanopia

#868529

Deuteranopia

#8B922C

Tritanopia

#AA3335

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EAE2
200
#F5D4C2
300
#EEB596
400
#E48C5D
500
#DB6424
600
#AF501D
700
#8C4017
800
#6D3212
900
#502711
950
#32190B

Contrast Checker

Text on white

5,27:1

AA Pass AAA Fail

Text on black

3,99: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