#AE7BE3

#AE7BE3

Color Values

HEX

#AE7BE3

RGB

174, 123, 227

HSL

269.4, 65.0%, 68.6%

HSV

269.4, 45.8%, 89.0%

CMYK

23.3%, 45.8%, 0.0%, 11.0%

OKLCH

0.676 0.1561 305.2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AE7BE3

#B0E37B

Analogous

#7B7CE3

#E27BE3

#AE7BE3

Triadic

#AE7BE3

#E3AE7B

#7BE3AE

Split Complementary

#AE7BE3

#E3E27B

#7CE37B

Tetradic

#AE7BE3

#E37B7C

#B0E37B

#7BE3E2

Color Blindness Simulation

Original

#AE7BE3

Protanopia

#9897CA

Deuteranopia

#9B9FC4

Tritanopia

#ABB6B2

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C19AEA
400
#9F63DE
500
#7E2DD2
600
#6524A8
700
#511D87
800
#3F1669
900
#30144D
950
#1E0D31

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.74:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026