#AA2256

#AA2256

Color Values

HEX

#AA2256

RGB

170, 34, 86

HSL

337.1, 66.7%, 40.0%

HSV

337.1, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 49.4%, 33.3%

OKLCH

0.4924 0.1739 3.8

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AA2256

#22AA76

Analogous

#AA229A

#AA3222

#AA2256

Triadic

#AA2256

#56AA22

#2256AA

Split Complementary

#AA2256

#22AA32

#229AAA

Tetradic

#AA2256

#9AAA22

#22AA76

#3222AA

Color Blindness Simulation

Original

#AA2256

Protanopia

#6F6E49

Deuteranopia

#778146

Tritanopia

#A33F3D

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F3C3D6
300
#EB99B8
400
#E06292
500
#D52A6B
600
#AA2256
700
#881B45
800
#6A1536
900
#4E132A
950
#310C1A

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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