#AF4B1D

#AF4B1D

Color Values

HEX

#AF4B1D

RGB

175, 75, 29

HSL

18.9, 71.6%, 40.0%

HSV

18.9, 83.4%, 68.6%

CMYK

0.0%, 57.1%, 83.4%, 31.4%

OKLCH

0.5366 0.1427 42.4

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF4B1D

#1D81AF

Analogous

#AF1D38

#AF941D

#AF4B1D

Triadic

#AF4B1D

#1DAF4B

#4B1DAF

Split Complementary

#AF4B1D

#1DAF94

#1D38AF

Tetradic

#AF4B1D

#38AF1D

#1D81AF

#941DAF

Color Blindness Simulation

Original

#AF4B1D

Protanopia

#848328

Deuteranopia

#8A912B

Tritanopia

#AA3133

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8E9E2
200
#F5D2C2
300
#EEB296
400
#E4885D
500
#DB5E24
600
#AF4B1D
700
#8C3C17
800
#6D2F12
900
#502511
950
#32170B

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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