#AE1FE0

#AE1FE0

Color Values

HEX

#AE1FE0

RGB

174, 31, 224

HSL

284.5, 75.7%, 50.0%

HSV

284.5, 86.2%, 87.8%

CMYK

22.3%, 86.2%, 0.0%, 12.2%

OKLCH

0.5711 0.2654 314.4

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AE1FE0

#51E01F

Analogous

#4E1FE0

#E01FB1

#AE1FE0

Triadic

#AE1FE0

#E0AE1F

#1FE0AE

Split Complementary

#AE1FE0

#B1E01F

#1FE04E

Tetradic

#AE1FE0

#E04E1F

#51E01F

#1FB1E0

Color Blindness Simulation

Original

#AE1FE0

Protanopia

#706FB1

Deuteranopia

#7883A6

Tritanopia

#A78C84

Achromatopsia

#4B4B4B

CSS Usage

background-color: #AE1FE0;
color: #AE1FE0;
border-color: #AE1FE0;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF2FC
100
#F3E2F9
200
#E8C0F6
300
#D893F0
400
#C359E8
500
#AE1FE0
600
#8B19B3
700
#6F148F
800
#570F70
900
#400F51
950
#290A33

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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