#AE4BA2

#AE4BA2

Color Values

HEX

#AE4BA2

RGB

174, 75, 162

HSL

307,3, 39,8%, 48,8%

HSV

307,3, 56,9%, 68,2%

CMYK

0,0%, 56,9%, 6,9%, 31,8%

OKLCH

0,5715 0,1667 332,4

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#AE4BA2

#4BAE57

Analogous

#884BAE

#AE4B70

#AE4BA2

Triadic

#AE4BA2

#A2AE4B

#4BA2AE

Split Complementary

#AE4BA2

#70AE4B

#4BAE88

Tetradic

#AE4BA2

#AE884B

#4BAE57

#4B70AE

Color Blindness Simulation

Original

#AE4BA2

Protanopia

#83828D

Deuteranopia

#899088

Tritanopia

#A97C79

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE6
300
#DAA9D4
400
#C67BBD
500
#B24DA6
600
#8F3D85
700
#72316A
800
#592653
900
#421F3E
950
#2A1427

Contrast Checker

Text on white

4,85:1

AA Pass AAA Fail

Text on black

4,33: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