#D6AEEE

#D6AEEE

Color Values

HEX

#D6AEEE

RGB

214, 174, 238

HSL

277.5, 65.3%, 80.8%

HSV

277.5, 26.9%, 93.3%

CMYK

10.1%, 26.9%, 0.0%, 6.7%

OKLCH

0.8078 0.098 312.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D6AEEE

#C6EEAE

Analogous

#B6AEEE

#EEAEE6

#D6AEEE

Triadic

#D6AEEE

#EED6AE

#AEEED6

Split Complementary

#D6AEEE

#E6EEAE

#AEEEB6

Tetradic

#D6AEEE

#EEB6AE

#C6EEAE

#AEE6EE

Color Blindness Simulation

Original

#D6AEEE

Protanopia

#C5C4DF

Deuteranopia

#C7CADB

Tritanopia

#D4D2D0

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#F0E3F7
200
#E1C4F3
300
#CC9AEA
400
#B063DE
500
#942CD3
600
#7723A9
700
#5F1C87
800
#4A1669
900
#38144D
950
#230D31

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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