#AE6DA6

#AE6DA6

Color Values

HEX

#AE6DA6

RGB

174, 109, 166

HSL

307.4, 28.6%, 55.5%

HSV

307.4, 37.4%, 68.2%

CMYK

0.0%, 37.4%, 4.6%, 31.8%

OKLCH

0.6238 0.1121 331.3

Properties

Warm Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AE6DA6

#6DAE75

Analogous

#966DAE

#AE6D86

#AE6DA6

Triadic

#AE6DA6

#A6AE6D

#6DA6AE

Split Complementary

#AE6DA6

#86AE6D

#6DAE96

Tetradic

#AE6DA6

#AE966D

#6DAE75

#6D86AE

Color Blindness Simulation

Original

#AE6DA6

Protanopia

#929198

Deuteranopia

#969A95

Tritanopia

#AB8D8B

Achromatopsia

#7F7F7F

CSS Usage

background-color: #AE6DA6;
color: #AE6DA6;
border-color: #AE6DA6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F1E9F0
200
#E6D1E3
300
#D3B0CF
400
#BC86B5
500
#A45B9B
600
#83497C
700
#693A63
800
#522E4D
900
#3D243A
950
#261725

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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