#AF531D

#AF531D

Color Values

HEX

#AF531D

RGB

175, 83, 29

HSL

22.2, 71.6%, 40.0%

HSV

22.2, 83.4%, 68.6%

CMYK

0.0%, 52.6%, 83.4%, 31.4%

OKLCH

0.5487 0.1362 46.9

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF531D

#1D79AF

Analogous

#AF1D30

#AF9C1D

#AF531D

Triadic

#AF531D

#1DAF53

#531DAF

Split Complementary

#AF531D

#1DAF9C

#1D30AF

Tetradic

#AF531D

#30AF1D

#1D79AF

#9C1DAF

Color Blindness Simulation

Original

#AF531D

Protanopia

#87862A

Deuteranopia

#8C932D

Tritanopia

#AA3437

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EAE2
200
#F5D5C2
300
#EEB696
400
#E48F5D
500
#DB6824
600
#AF531D
700
#8C4217
800
#6D3412
900
#502811
950
#32190B

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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