#AE558A

#AE558A

Color Values

HEX

#AE558A

RGB

174, 85, 138

HSL

324.3, 35.5%, 50.8%

HSV

324.3, 51.1%, 68.2%

CMYK

0.0%, 51.1%, 20.7%, 31.8%

OKLCH

0.5748 0.1322 345.3

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AE558A

#55AE79

Analogous

#A655AE

#AE555D

#AE558A

Triadic

#AE558A

#8AAE55

#558AAE

Split Complementary

#AE558A

#5DAE55

#55AEA6

Tetradic

#AE558A

#AEA655

#55AE79

#555DAE

Color Blindness Simulation

Original

#AE558A

Protanopia

#87877D

Deuteranopia

#8D937A

Tritanopia

#AA7371

Achromatopsia

#6C6C6C

CSS Usage

background-color: #AE558A;
color: #AE558A;
border-color: #AE558A;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CFDE
300
#D8ACC6
400
#C27FA7
500
#AD5288
600
#8A426D
700
#6F3557
800
#562944
900
#402133
950
#281520

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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