#AF4A38

#AF4A38

Color Values

HEX

#AF4A38

RGB

175, 74, 56

HSL

9.1, 51.5%, 45.3%

HSV

9.1, 68.0%, 68.6%

CMYK

0.0%, 57.7%, 68.0%, 31.4%

OKLCH

0.5381 0.1362 32.0

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AF4A38

#389DAF

Analogous

#AF3861

#AF8638

#AF4A38

Triadic

#AF4A38

#38AF4A

#4A38AF

Split Complementary

#AF4A38

#38AF86

#3861AF

Tetradic

#AF4A38

#61AF38

#389DAF

#8638AF

Color Blindness Simulation

Original

#AF4A38

Protanopia

#83823C

Deuteranopia

#89913D

Tritanopia

#AA4041

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EECEC9
300
#E1ACA2
400
#D17F70
500
#C1523E
600
#9B4131
700
#7C3428
800
#61291F
900
#47211A
950
#2D1510

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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