#AC2124

#AC2124

Color Values

HEX

#AC2124

RGB

172, 33, 36

HSL

358,7, 67,8%, 40,2%

HSV

358,7, 80,8%, 67,5%

CMYK

0,0%, 80,8%, 79,1%, 32,5%

OKLCH

0,4851 0,1744 25,8

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#AC2124

#21ACA9

Analogous

#AC216A

#AC6321

#AC2124

Triadic

#AC2124

#24AC21

#2124AC

Split Complementary

#AC2124

#21AC63

#216AAC

Tetradic

#AC2124

#6AAC21

#21ACA9

#6321AC

Color Blindness Simulation

Original

#AC2124

Protanopia

#706F23

Deuteranopia

#788223

Tritanopia

#A52323

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F4C3C4
300
#EB989A
400
#E16163
500
#D6292D
600
#AB2124
700
#891A1D
800
#6B1516
900
#4E1314
950
#310C0D

Contrast Checker

Text on white

7,01:1

AA Pass AAA Pass

Text on black

3,0:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026