#AF521D

#AF521D

Color Values

HEX

#AF521D

RGB

175, 82, 29

HSL

21.8, 71.6%, 40.0%

HSV

21.8, 83.4%, 68.6%

CMYK

0.0%, 53.1%, 83.4%, 31.4%

OKLCH

0.5472 0.137 46.3

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF521D

#1D7AAF

Analogous

#AF1D31

#AF9B1D

#AF521D

Triadic

#AF521D

#1DAF52

#521DAF

Split Complementary

#AF521D

#1DAF9B

#1D31AF

Tetradic

#AF521D

#31AF1D

#1D7AAF

#9B1DAF

Color Blindness Simulation

Original

#AF521D

Protanopia

#87862A

Deuteranopia

#8C932D

Tritanopia

#AA3436

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EAE2
200
#F5D4C2
300
#EEB696
400
#E48E5D
500
#DB6724
600
#AF521D
700
#8C4217
800
#6D3312
900
#502811
950
#32190B

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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