#AE4180

#AE4180

Color Values

HEX

#AE4180

RGB

174, 65, 128

HSL

325.3, 45.6%, 46.9%

HSV

325.3, 62.6%, 68.2%

CMYK

0.0%, 62.6%, 26.4%, 31.8%

OKLCH

0.5441 0.1577 347.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AE4180

#41AE6F

Analogous

#A641AE

#AE414A

#AE4180

Triadic

#AE4180

#80AE41

#4180AE

Split Complementary

#AE4180

#4AAE41

#41AEA6

Tetradic

#AE4180

#AEA641

#41AE6F

#414AAE

Color Blindness Simulation

Original

#AE4180

Protanopia

#7F7E71

Deuteranopia

#858D6D

Tritanopia

#A96562

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C6
400
#CC76A7
500
#BA4589
600
#95376D
700
#772C57
800
#5D2344
900
#441D34
950
#2B1221

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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