#AF471D

#AF471D

Color Values

HEX

#AF471D

RGB

175, 71, 29

HSL

17.3, 71.6%, 40.0%

HSV

17.3, 83.4%, 68.6%

CMYK

0.0%, 59.4%, 83.4%, 31.4%

OKLCH

0.5309 0.1462 40.3

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF471D

#1D85AF

Analogous

#AF1D3C

#AF901D

#AF471D

Triadic

#AF471D

#1DAF47

#471DAF

Split Complementary

#AF471D

#1DAF90

#1D3CAF

Tetradic

#AF471D

#3CAF1D

#1D85AF

#901DAF

Color Blindness Simulation

Original

#AF471D

Protanopia

#828127

Deuteranopia

#88902A

Tritanopia

#AA2F31

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E9E2
200
#F5D0C2
300
#EEAF96
400
#E4845D
500
#DB5924
600
#AF471D
700
#8C3917
800
#6D2C12
900
#502311
950
#32160B

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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