#AF301D

#AF301D

Color Values

HEX

#AF301D

RGB

175, 48, 29

HSL

7,8, 71,6%, 40,0%

HSV

7,8, 83,4%, 68,6%

CMYK

0,0%, 72,6%, 83,4%, 31,4%

OKLCH

0,503 0,1667 31,5

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AF301D

#1D9CAF

Analogous

#AF1D53

#AF791D

#AF301D

Triadic

#AF301D

#1DAF30

#301DAF

Split Complementary

#AF301D

#1DAF79

#1D53AF

Tetradic

#AF301D

#53AF1D

#1D9CAF

#791DAF

Color Blindness Simulation

Original

#AF301D

Protanopia

#787722

Deuteranopia

#7F8923

Tritanopia

#A92526

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C8C2
300
#EEA196
400
#E46F5D
500
#DB3C24
600
#AF301D
700
#8C2617
800
#6D1E12
900
#501911
950
#32100B

Contrast Checker

Text on white

6,44: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