#AF491D

#AF491D

Color Values

HEX

#AF491D

RGB

175, 73, 29

HSL

18.1, 71.6%, 40.0%

HSV

18.1, 83.4%, 68.6%

CMYK

0.0%, 58.3%, 83.4%, 31.4%

OKLCH

0.5337 0.1445 41.3

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF491D

#1D83AF

Analogous

#AF1D3A

#AF921D

#AF491D

Triadic

#AF491D

#1DAF49

#491DAF

Split Complementary

#AF491D

#1DAF92

#1D3AAF

Tetradic

#AF491D

#3AAF1D

#1D83AF

#921DAF

Color Blindness Simulation

Original

#AF491D

Protanopia

#838228

Deuteranopia

#89902A

Tritanopia

#AA3032

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8E9E2
200
#F5D1C2
300
#EEB096
400
#E4865D
500
#DB5B24
600
#AF491D
700
#8C3A17
800
#6D2E12
900
#502411
950
#32170B

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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