#AE85BA

#AE85BA

Color Values

HEX

#AE85BA

RGB

174, 133, 186

HSL

286.4, 27.7%, 62.5%

HSV

286.4, 28.5%, 72.9%

CMYK

6.5%, 28.5%, 0.0%, 27.1%

OKLCH

0.6742 0.0891 318.5

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#AE85BA

#91BA85

Analogous

#9385BA

#BA85AB

#AE85BA

Triadic

#AE85BA

#BAAE85

#85BAAE

Split Complementary

#AE85BA

#ABBA85

#85BA93

Tetradic

#AE85BA

#BA9385

#91BA85

#85ABBA

Color Blindness Simulation

Original

#AE85BA

Protanopia

#9C9CAD

Deuteranopia

#9FA2AA

Tritanopia

#ACA3A1

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E1D1E5
300
#CBB1D3
400
#AF87BB
500
#935CA3
600
#754A82
700
#5E3B68
800
#492E51
900
#37243D
950
#231726

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.86:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026