#AE6BDA

#AE6BDA

Color Values

HEX

#AE6BDA

RGB

174, 107, 218

HSL

276.2, 60.0%, 63.7%

HSV

276.2, 50.9%, 85.5%

CMYK

20.2%, 50.9%, 0.0%, 14.5%

OKLCH

0.6457 0.1712 310.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AE6BDA

#97DA6B

Analogous

#766BDA

#DA6BCE

#AE6BDA

Triadic

#AE6BDA

#DAAE6B

#6BDAAE

Split Complementary

#AE6BDA

#CEDA6B

#6BDA76

Tetradic

#AE6BDA

#DA766B

#97DA6B

#6BCEDA

Color Blindness Simulation

Original

#AE6BDA

Protanopia

#9190BF

Deuteranopia

#959AB9

Tritanopia

#ABAAA5

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#E0C6F1
300
#C99DE7
400
#AC68D9
500
#8F33CC
600
#7329A3
700
#5C2183
800
#481A66
900
#36164B
950
#220E2F

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026