#AA276C

#AA276C

Color Values

HEX

#AA276C

RGB

170, 39, 108

HSL

328.4, 62.7%, 41.0%

HSV

328.4, 77.1%, 66.7%

CMYK

0.0%, 77.1%, 36.5%, 33.3%

OKLCH

0.5037 0.177 353.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA276C

#27AA65

Analogous

#A727AA

#AA272A

#AA276C

Triadic

#AA276C

#6CAA27

#276CAA

Split Complementary

#AA276C

#2AAA27

#27AAA7

Tetradic

#AA276C

#AAA727

#27AA65

#272AAA

Color Blindness Simulation

Original

#AA276C

Protanopia

#71705B

Deuteranopia

#798357

Tritanopia

#A34E4B

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DC
300
#E89BC4
400
#DC65A4
500
#CF3084
600
#A62669
700
#851E54
800
#681842
900
#4C1532
950
#300D20

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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