#AF421E

#AF421E

Color Values

HEX

#AF421E

RGB

175, 66, 30

HSL

14.9, 70.7%, 40.2%

HSV

14.9, 82.9%, 68.6%

CMYK

0.0%, 62.3%, 82.9%, 31.4%

OKLCH

0.5241 0.1505 37.8

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#AF421E

#1E8BAF

Analogous

#AF1E43

#AF8B1E

#AF421E

Triadic

#AF421E

#1EAF42

#421EAF

Split Complementary

#AF421E

#1EAF8B

#1E43AF

Tetradic

#AF421E

#43AF1E

#1E8BAF

#8B1EAF

Color Blindness Simulation

Original

#AF421E

Protanopia

#807F27

Deuteranopia

#868E29

Tritanopia

#AA2E2F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E8E2
200
#F5CFC2
300
#EDAC97
400
#E37F5E
500
#DA5225
600
#AE421E
700
#8B3518
800
#6D2913
900
#4F2112
950
#32150B

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026