#AE91F2

#AE91F2

Color Values

HEX

#AE91F2

RGB

174, 145, 242

HSL

257.9, 78.9%, 75.9%

HSV

257.9, 40.1%, 94.9%

CMYK

28.1%, 40.1%, 0.0%, 5.1%

OKLCH

0.7215 0.1401 296.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AE91F2

#D5F291

Analogous

#91A5F2

#DE91F2

#AE91F2

Triadic

#AE91F2

#F2AE91

#91F2AE

Split Complementary

#AE91F2

#F2DE91

#A5F291

Tetradic

#AE91F2

#F291A5

#D5F291

#91F2DE

Color Blindness Simulation

Original

#AE91F2

Protanopia

#A1A1DB

Deuteranopia

#A3A5D5

Tritanopia

#ADC8C4

Achromatopsia

#9E9E9E

CSS Usage

background-color: #AE91F2;
color: #AE91F2;
border-color: #AE91F2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F2FC
100
#E8E1F9
200
#D0BFF7
300
#AE92F2
400
#8356EB
500
#571BE4
600
#4616B6
700
#381192
800
#2B0D72
900
#230E53
950
#160934

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.13:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026