#AC2212

#AC2212

Color Values

HEX

#AC2212

RGB

172, 34, 18

HSL

6.2, 81.1%, 37.3%

HSV

6.2, 89.5%, 67.5%

CMYK

0.0%, 80.2%, 89.5%, 32.5%

OKLCH

0.4842 0.1758 30.6

Properties

Warm Dark Nearest: RAL 3000 Flame Red

Color Harmonies

Complementary

#AC2212

#129CAC

Analogous

#AC124F

#AC6F12

#AC2212

Triadic

#AC2212

#12AC22

#2212AC

Split Complementary

#AC2212

#12AC6F

#124FAC

Tetradic

#AC2212

#4FAC12

#129CAC

#6F12AC

Color Blindness Simulation

Original

#AC2212

Protanopia

#706F16

Deuteranopia

#788317

Tritanopia

#A5191A

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C4BE
300
#F39A90
400
#ED6454
500
#E72D18
600
#B92413
700
#941D0F
800
#73170C
900
#54140D
950
#350D08

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