#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026