#AE3D79

#AE3D79

Color Values

HEX

#AE3D79

RGB

174, 61, 121

HSL

328.1, 48.1%, 46.1%

HSV

328.1, 64.9%, 68.2%

CMYK

0.0%, 64.9%, 30.5%, 31.8%

OKLCH

0.5367 0.1596 351.0

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AE3D79

#3DAE72

Analogous

#AB3DAE

#AE3D41

#AE3D79

Triadic

#AE3D79

#79AE3D

#3D79AE

Split Complementary

#AE3D79

#41AE3D

#3DAEAB

Tetradic

#AE3D79

#AEAB3D

#3DAE72

#3D41AE

Color Blindness Simulation

Original

#AE3D79

Protanopia

#7D7C6A

Deuteranopia

#848C67

Tritanopia

#A85F5C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADC
300
#DFA4C4
400
#CE73A4
500
#BD4283
600
#973569
700
#792A54
800
#5E2142
900
#451B32
950
#2C111F

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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