#AA2F6D

#AA2F6D

Color Values

HEX

#AA2F6D

RGB

170, 47, 109

HSL

329.8, 56.7%, 42.5%

HSV

329.8, 72.4%, 66.7%

CMYK

0.0%, 72.4%, 35.9%, 33.3%

OKLCH

0.5111 0.1685 353.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AA2F6D

#2FAA6C

Analogous

#A92FAA

#AA2F2F

#AA2F6D

Triadic

#AA2F6D

#6DAA2F

#2F6DAA

Split Complementary

#AA2F6D

#2FAA2F

#2FAAA9

Tetradic

#AA2F6D

#AAA92F

#2FAA6C

#2F2FAA

Color Blindness Simulation

Original

#AA2F6D

Protanopia

#75745E

Deuteranopia

#7C855A

Tritanopia

#A45250

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#F0C7DB
300
#E59FC2
400
#D66BA1
500
#C83780
600
#A02C66
700
#802352
800
#641C40
900
#491831
950
#2E0F1F

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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