#AA2C24

#AA2C24

Color Values

HEX

#AA2C24

RGB

170, 44, 36

HSL

3.6, 65.0%, 40.4%

HSV

3.6, 78.8%, 66.7%

CMYK

0.0%, 74.1%, 78.8%, 33.3%

OKLCH

0.4908 0.1639 28.4

Properties

Warm Dark Nearest: RAL 3002 Carmine Red

Color Harmonies

Complementary

#AA2C24

#24A2AA

Analogous

#AA245F

#AA6F24

#AA2C24

Triadic

#AA2C24

#24AA2C

#2C24AA

Split Complementary

#AA2C24

#24AA6F

#245FAA

Tetradic

#AA2C24

#5FAA24

#24A2AA

#6F24AA

Color Blindness Simulation

Original

#AA2C24

Protanopia

#737226

Deuteranopia

#7B8426

Tritanopia

#A42728

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F3C7C4
300
#EA9F9A
400
#DE6B63
500
#D2372D
600
#A82C24
700
#87231D
800
#691B16
900
#4D1814
950
#310F0D

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

3.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026