#AE1618

#AE1618

Color Values

HEX

#AE1618

RGB

174, 22, 24

HSL

359.2, 77.6%, 38.4%

HSV

359.2, 87.4%, 68.2%

CMYK

0.0%, 87.4%, 86.2%, 31.8%

OKLCH

0.4808 0.1841 27.4

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AE1618

#16AEAC

Analogous

#AE1664

#AE6016

#AE1618

Triadic

#AE1618

#18AE16

#1618AE

Split Complementary

#AE1618

#16AE60

#1664AE

Tetradic

#AE1618

#64AE16

#16AEAC

#6016AE

Color Blindness Simulation

Original

#AE1618

Protanopia

#6C6B18

Deuteranopia

#758017

Tritanopia

#A61717

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E1E2
200
#F7C0C0
300
#F19294
400
#EA5759
500
#E21D1F
600
#B51719
700
#911214
800
#710E10
900
#520F10
950
#34090A

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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