#AE3F9D

#AE3F9D

Color Values

HEX

#AE3F9D

RGB

174, 63, 157

HSL

309.2, 46.8%, 46.5%

HSV

309.2, 63.8%, 68.2%

CMYK

0.0%, 63.8%, 9.8%, 31.8%

OKLCH

0.5547 0.1805 334.3

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AE3F9D

#3FAE50

Analogous

#883FAE

#AE3F66

#AE3F9D

Triadic

#AE3F9D

#9DAE3F

#3F9DAE

Split Complementary

#AE3F9D

#66AE3F

#3FAE88

Tetradic

#AE3F9D

#AE883F

#3FAE50

#3F66AE

Color Blindness Simulation

Original

#AE3F9D

Protanopia

#7E7D86

Deuteranopia

#848D81

Tritanopia

#A87470

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE7
300
#DEA5D6
400
#CD74BF
500
#BB44A9
600
#963687
700
#782B6C
800
#5E2254
900
#451C3F
950
#2B1228

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026