#AA2245

#AA2245

Color Values

HEX

#AA2245

RGB

170, 34, 69

HSL

344.6, 66.7%, 40.0%

HSV

344.6, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 59.4%, 33.3%

OKLCH

0.4879 0.1708 12.2

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AA2245

#22AA87

Analogous

#AA2289

#AA4322

#AA2245

Triadic

#AA2245

#45AA22

#2245AA

Split Complementary

#AA2245

#22AA43

#2289AA

Tetradic

#AA2245

#89AA22

#22AA87

#4322AA

Color Blindness Simulation

Original

#AA2245

Protanopia

#6F6E3D

Deuteranopia

#77813A

Tritanopia

#A33634

Achromatopsia

#414141

CSS Usage

background-color: #AA2245;
color: #AA2245;
border-color: #AA2245;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F5
100
#F7E3E8
200
#F3C3D0
300
#EB99AE
400
#E06282
500
#D52A56
600
#AA2245
700
#881B37
800
#6A152B
900
#4E1322
950
#310C16

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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