#AE99CD

#AE99CD

Color Values

HEX

#AE99CD

RGB

174, 153, 205

HSL

264.2, 34.2%, 70.2%

HSV

264.2, 25.4%, 80.4%

CMYK

15.1%, 25.4%, 0.0%, 19.6%

OKLCH

0.7196 0.0776 303.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AE99CD

#B8CD99

Analogous

#999ECD

#C899CD

#AE99CD

Triadic

#AE99CD

#CDAE99

#99CDAE

Split Complementary

#AE99CD

#CDC899

#9ECD99

Tetradic

#AE99CD

#CD999E

#B8CD99

#99CDC8

Color Blindness Simulation

Original

#AE99CD

Protanopia

#A5A5C0

Deuteranopia

#A6A8BD

Tritanopia

#ADB6B4

Achromatopsia

#A1A1A1

CSS Usage

background-color: #AE99CD;
color: #AE99CD;
border-color: #AE99CD;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#D9CFE8
300
#BEADD7
400
#9A80C1
500
#7754AB
600
#5F4389
700
#4C366E
800
#3C2A56
900
#2E223F
950
#1D1528

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

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