#AF301E

#AF301E

Color Values

HEX

#AF301E

RGB

175, 48, 30

HSL

7,4, 70,7%, 40,2%

HSV

7,4, 82,9%, 68,6%

CMYK

0,0%, 72,6%, 82,9%, 31,4%

OKLCH

0,5031 0,1665 31,2

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF301E

#1E9DAF

Analogous

#AF1E55

#AF781E

#AF301E

Triadic

#AF301E

#1EAF30

#301EAF

Split Complementary

#AF301E

#1EAF78

#1E55AF

Tetradic

#AF301E

#55AF1E

#1E9DAF

#781EAF

Color Blindness Simulation

Original

#AF301E

Protanopia

#787722

Deuteranopia

#7F8923

Tritanopia

#A92627

Achromatopsia

#4A4A4A

CSS Usage

background-color: #AF301E;
color: #AF301E;
border-color: #AF301E;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C8C2
300
#EDA197
400
#E36E5E
500
#DA3C25
600
#AE301E
700
#8B2618
800
#6D1E13
900
#4F1912
950
#32100B

Contrast Checker

Text on white

6,43:1

AA Pass AAA Fail

Text on black

3,26: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