#AC220F

#AC220F

Color Values

HEX

#AC220F

RGB

172, 34, 15

HSL

7.3, 84.0%, 36.7%

HSV

7.3, 91.3%, 67.5%

CMYK

0.0%, 80.2%, 91.3%, 32.5%

OKLCH

0.4841 0.1761 31.2

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#AC220F

#0F99AC

Analogous

#AC0F4A

#AC710F

#AC220F

Triadic

#AC220F

#0FAC22

#220FAC

Split Complementary

#AC220F

#0FAC71

#0F4AAC

Tetradic

#AC220F

#4AAC0F

#0F99AC

#710FAC

Color Blindness Simulation

Original

#AC220F

Protanopia

#706F14

Deuteranopia

#788315

Tritanopia

#A51718

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E0
200
#F9C5BD
300
#F59B8E
400
#F06551
500
#EB2E14
600
#BC2510
700
#961E0D
800
#75170A
900
#55150C
950
#360D07

Contrast Checker

Text on white

7.02:1

AA Pass AAA Pass

Text on black

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