#AE41A0

#AE41A0

Color Values

HEX

#AE41A0

RGB

174, 65, 160

HSL

307.7, 45.6%, 46.9%

HSV

307.7, 62.6%, 68.2%

CMYK

0.0%, 62.6%, 8.0%, 31.8%

OKLCH

0.5585 0.18 333.1

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#AE41A0

#41AE4F

Analogous

#8641AE

#AE416A

#AE41A0

Triadic

#AE41A0

#A0AE41

#41A0AE

Split Complementary

#AE41A0

#6AAE41

#41AE86

Tetradic

#AE41A0

#AE8641

#41AE4F

#416AAE

Color Blindness Simulation

Original

#AE41A0

Protanopia

#7F7E89

Deuteranopia

#858D84

Tritanopia

#A97773

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F2
200
#ECCBE7
300
#DEA6D7
400
#CC76C1
500
#BA45AB
600
#953789
700
#772C6D
800
#5D2355
900
#441D3F
950
#2B1228

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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