#AE6FD7

#AE6FD7

Color Values

HEX

#AE6FD7

RGB

174, 111, 215

HSL

276,3, 56,5%, 63,9%

HSV

276,3, 48,4%, 84,3%

CMYK

19,1%, 48,4%, 0,0%, 15,7%

OKLCH

0,6503 0,1613 310,6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AE6FD7

#98D76F

Analogous

#7A6FD7

#D76FCC

#AE6FD7

Triadic

#AE6FD7

#D7AE6F

#6FD7AE

Split Complementary

#AE6FD7

#CCD76F

#6FD77A

Tetradic

#AE6FD7

#D77A6F

#98D76F

#6FCCD7

Color Blindness Simulation

Original

#AE6FD7

Protanopia

#9392BE

Deuteranopia

#969BB8

Tritanopia

#ABAAA6

Achromatopsia

#848484

CSS Usage

background-color: #AE6FD7;
color: #AE6FD7;
border-color: #AE6FD7;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#E0C7EF
300
#C99FE4
400
#AC6BD6
500
#8F37C8
600
#722CA0
700
#5B2380
800
#471C64
900
#361849
950
#220F2E

Contrast Checker

Text on white

3,47:1

AA Fail AAA Fail

Text on black

6,05: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