#AE2A24

#AE2A24

Color Values

HEX

#AE2A24

RGB

174, 42, 36

HSL

2.6, 65.7%, 41.2%

HSV

2.6, 79.3%, 68.2%

CMYK

0.0%, 75.9%, 79.3%, 31.8%

OKLCH

0.4961 0.1696 27.9

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#AE2A24

#24A8AE

Analogous

#AE2463

#AE6F24

#AE2A24

Triadic

#AE2A24

#24AE2A

#2A24AE

Split Complementary

#AE2A24

#24AE6F

#2463AE

Tetradic

#AE2A24

#63AE24

#24A8AE

#6F24AE

Color Blindness Simulation

Original

#AE2A24

Protanopia

#757425

Deuteranopia

#7C8626

Tritanopia

#A72727

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F3C6C4
300
#EA9D9A
400
#DF6863
500
#D3332C
600
#A92923
700
#87211C
800
#6A1916
900
#4D1614
950
#310E0D

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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