#AE3271

#AE3271

Color Values

HEX

#AE3271

RGB

174, 50, 113

HSL

329.5, 55.4%, 43.9%

HSV

329.5, 71.3%, 68.2%

CMYK

0.0%, 71.3%, 35.1%, 31.8%

OKLCH

0.5221 0.1701 353.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AE3271

#32AE6F

Analogous

#AD32AE

#AE3233

#AE3271

Triadic

#AE3271

#71AE32

#3271AE

Split Complementary

#AE3271

#33AE32

#32AEAD

Tetradic

#AE3271

#AEAD32

#32AE6F

#3233AE

Color Blindness Simulation

Original

#AE3271

Protanopia

#787762

Deuteranopia

#80895E

Tritanopia

#A85653

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC8DC
300
#E4A0C2
400
#D56CA2
500
#C63981
600
#9F2D67
700
#7F2452
800
#631C40
900
#491831
950
#2E0F1F

Contrast Checker

Text on white

6.01:1

AA Pass AAA Fail

Text on black

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