#AA1402

#AA1402

Color Values

HEX

#AA1402

RGB

170, 20, 2

HSL

6.4, 97.7%, 33.7%

HSV

6.4, 98.8%, 66.7%

CMYK

0.0%, 88.2%, 98.8%, 33.3%

OKLCH

0.4708 0.1833 30.7

Properties

Warm Dark Nearest: RAL 3013 Tomato Red

Color Harmonies

Complementary

#AA1402

#0298AA

Analogous

#AA0244

#AA6802

#AA1402

Triadic

#AA1402

#02AA14

#1402AA

Split Complementary

#AA1402

#02AA68

#0244AA

Tetradic

#AA1402

#44AA02

#0298AA

#6802AA

Color Blindness Simulation

Original

#AA1402

Protanopia

#696806

Deuteranopia

#727D07

Tritanopia

#A20A0B

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEC0B8
300
#FE9386
400
#FD5844
500
#FC1E03
600
#CA1802
700
#A11302
800
#7E0F01
900
#5B0F06
950
#3A0904

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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