#AE4078

#AE4078

Color Values

HEX

#AE4078

RGB

174, 64, 120

HSL

329.5, 46.2%, 46.7%

HSV

329.5, 63.2%, 68.2%

CMYK

0.0%, 63.2%, 31.0%, 31.8%

OKLCH

0.5399 0.1548 352.0

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AE4078

#40AE76

Analogous

#AD40AE

#AE4041

#AE4078

Triadic

#AE4078

#78AE40

#4078AE

Split Complementary

#AE4078

#41AE40

#40AEAD

Tetradic

#AE4078

#AEAD40

#40AE76

#4041AE

Color Blindness Simulation

Original

#AE4078

Protanopia

#7E7D6A

Deuteranopia

#858D67

Tritanopia

#A8605D

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDC
300
#DEA6C2
400
#CC75A1
500
#BA4580
600
#953767
700
#772C52
800
#5D2240
900
#451C31
950
#2B121F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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