#AA055F

#AA055F

Color Values

HEX

#AA055F

RGB

170, 5, 95

HSL

327.3, 94.3%, 34.3%

HSV

327.3, 97.1%, 66.7%

CMYK

0.0%, 97.1%, 44.1%, 33.3%

OKLCH

0.4817 0.1941 357.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA055F

#05AA50

Analogous

#A305AA

#AA050C

#AA055F

Triadic

#AA055F

#5FAA05

#055FAA

Split Complementary

#AA055F

#0CAA05

#05AAA3

Tetradic

#AA055F

#AAA305

#05AA50

#050CAA

Color Blindness Simulation

Original

#AA055F

Protanopia

#636149

Deuteranopia

#6C7844

Tritanopia

#A23834

Achromatopsia

#2F2F2F

CSS Usage

background-color: #AA055F;
color: #AA055F;
border-color: #AA055F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FC88C7
400
#FA48A9
500
#F8078A
600
#C6066F
700
#9F0559
800
#7C0445
900
#5A0734
950
#390521

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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