#AA1418

#AA1418

Color Values

HEX

#AA1418

RGB

170, 20, 24

HSL

358.4, 78.9%, 37.3%

HSV

358.4, 88.2%, 66.7%

CMYK

0.0%, 88.2%, 85.9%, 33.3%

OKLCH

0.472 0.1815 27.0

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AA1418

#14AAA6

Analogous

#AA1463

#AA5B14

#AA1418

Triadic

#AA1418

#18AA14

#1418AA

Split Complementary

#AA1418

#14AA5B

#1463AA

Tetradic

#AA1418

#63AA14

#14AAA6

#5B14AA

Color Blindness Simulation

Original

#AA1418

Protanopia

#696817

Deuteranopia

#727D17

Tritanopia

#A21616

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E1E2
200
#F7BFC1
300
#F29294
400
#EB565A
500
#E41B20
600
#B6161A
700
#921115
800
#720D10
900
#530E10
950
#34090A

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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