#AA2250

#AA2250

Color Values

HEX

#AA2250

RGB

170, 34, 80

HSL

339.7, 66.7%, 40.0%

HSV

339.7, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 52.9%, 33.3%

OKLCH

0.4907 0.1725 6.8

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AA2250

#22AA7C

Analogous

#AA2294

#AA3822

#AA2250

Triadic

#AA2250

#50AA22

#2250AA

Split Complementary

#AA2250

#22AA38

#2294AA

Tetradic

#AA2250

#94AA22

#22AA7C

#3822AA

Color Blindness Simulation

Original

#AA2250

Protanopia

#6F6E45

Deuteranopia

#778142

Tritanopia

#A33C3A

Achromatopsia

#424242

CSS Usage

background-color: #AA2250;
color: #AA2250;
border-color: #AA2250;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF3F6
100
#F7E3EA
200
#F3C3D4
300
#EB99B5
400
#E0628C
500
#D52A64
600
#AA2250
700
#881B40
800
#6A1532
900
#4E1327
950
#310C19

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026