#AE86C3

#AE86C3

Color Values

HEX

#AE86C3

RGB

174, 134, 195

HSL

279.3, 33.7%, 64.5%

HSV

279.3, 31.3%, 76.5%

CMYK

10.8%, 31.3%, 0.0%, 23.5%

OKLCH

0.6798 0.098 313.6

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#AE86C3

#9BC386

Analogous

#8F86C3

#C386BA

#AE86C3

Triadic

#AE86C3

#C3AE86

#86C3AE

Split Complementary

#AE86C3

#BAC386

#86C38F

Tetradic

#AE86C3

#C38F86

#9BC386

#86BAC3

Color Blindness Simulation

Original

#AE86C3

Protanopia

#9D9CB4

Deuteranopia

#9FA2B1

Tritanopia

#ACA9A6

Achromatopsia

#939393

CSS Usage

background-color: #AE86C3;
color: #AE86C3;
border-color: #AE86C3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE7
300
#C8ADD6
400
#AB81C0
500
#8D55AA
600
#714488
700
#5A366D
800
#462A55
900
#35223F
950
#211528

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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