#AE2DA6

#AE2DA6

Color Values

HEX

#AE2DA6

RGB

174, 45, 166

HSL

303.7, 58.9%, 42.9%

HSV

303.7, 74.1%, 68.2%

CMYK

0.0%, 74.1%, 4.6%, 31.8%

OKLCH

0.5423 0.2094 330.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AE2DA6

#2DAE35

Analogous

#752DAE

#AE2D65

#AE2DA6

Triadic

#AE2DA6

#A6AE2D

#2DA6AE

Split Complementary

#AE2DA6

#65AE2D

#2DAE75

Tetradic

#AE2DA6

#AE752D

#2DAE35

#2D65AE

Color Blindness Simulation

Original

#AE2DA6

Protanopia

#767589

Deuteranopia

#7E8782

Tritanopia

#A8726D

Achromatopsia

#515151

CSS Usage

background-color: #AE2DA6;
color: #AE2DA6;
border-color: #AE2DA6;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C6EE
300
#E69EE1
400
#D869D1
500
#CB34C1
600
#A22A9B
700
#82227C
800
#651A61
900
#4A1747
950
#2F0E2D

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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