#AE299E

#AE299E

Color Values

HEX

#AE299E

RGB

174, 41, 158

HSL

307.2, 61.9%, 42.2%

HSV

307.2, 76.4%, 68.2%

CMYK

0.0%, 76.4%, 9.2%, 31.8%

OKLCH

0.5348 0.2077 333.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AE299E

#29AE39

Analogous

#7C29AE

#AE295C

#AE299E

Triadic

#AE299E

#9EAE29

#299EAE

Split Complementary

#AE299E

#5CAE29

#29AE7C

Tetradic

#AE299E

#AE7C29

#29AE39

#295CAE

Color Blindness Simulation

Original

#AE299E

Protanopia

#747382

Deuteranopia

#7C867B

Tritanopia

#A76B66

Achromatopsia

#4E4E4E

CSS Usage

background-color: #AE299E;
color: #AE299E;
border-color: #AE299E;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F1C5EC
300
#E89CDF
400
#DB66CD
500
#CE31BB
600
#A52796
700
#841F78
800
#67185E
900
#4B1545
950
#300E2C

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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