#AE2EB5

#AE2EB5

Color Values

HEX

#AE2EB5

RGB

174, 46, 181

HSL

296.9, 59.5%, 44.5%

HSV

296.9, 74.6%, 71.0%

CMYK

3.9%, 74.6%, 0.0%, 29.0%

OKLCH

0.5518 0.2198 325.8

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AE2EB5

#35B52E

Analogous

#6A2EB5

#B52E78

#AE2EB5

Triadic

#AE2EB5

#B5AE2E

#2EB5AE

Split Complementary

#AE2EB5

#78B52E

#2EB56A

Tetradic

#AE2EB5

#B56A2E

#35B52E

#2E78B5

Color Blindness Simulation

Original

#AE2EB5

Protanopia

#777594

Deuteranopia

#7E888C

Tritanopia

#A87B75

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F6
200
#EEC6F1
300
#E29DE6
400
#D369D9
500
#C434CB
600
#9C29A3
700
#7D2182
800
#621A66
900
#48174A
950
#2D0E2F

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

3.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026