#AC2122

#AC2122

Color Values

HEX

#AC2122

RGB

172, 33, 34

HSL

359.6, 67.8%, 40.2%

HSV

359.6, 80.8%, 67.5%

CMYK

0.0%, 80.8%, 80.2%, 32.5%

OKLCH

0.4848 0.1747 26.5

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#AC2122

#21ACAB

Analogous

#AC2167

#AC6621

#AC2122

Triadic

#AC2122

#22AC21

#2122AC

Split Complementary

#AC2122

#21AC66

#2167AC

Tetradic

#AC2122

#67AC21

#21ACAB

#6621AC

Color Blindness Simulation

Original

#AC2122

Protanopia

#706F22

Deuteranopia

#788222

Tritanopia

#A52222

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AC2122;
color: #AC2122;
border-color: #AC2122;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C3
300
#EB9899
400
#E16162
500
#D6292A
600
#AB2122
700
#891A1B
800
#6B1515
900
#4E1313
950
#310C0C

Contrast Checker

Text on white

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