#D1AAEC

#D1AAEC

Color Values

HEX

#D1AAEC

RGB

209, 170, 236

HSL

275.5, 63.5%, 79.6%

HSV

275.5, 28.0%, 92.5%

CMYK

11.4%, 28.0%, 0.0%, 7.5%

OKLCH

0.7952 0.1003 311.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D1AAEC

#C5ECAA

Analogous

#B0AAEC

#ECAAE6

#D1AAEC

Triadic

#D1AAEC

#ECD1AA

#AAECD1

Split Complementary

#D1AAEC

#E6ECAA

#AAECB0

Tetradic

#D1AAEC

#ECB0AA

#C5ECAA

#AAE6EC

Color Blindness Simulation

Original

#D1AAEC

Protanopia

#C0C0DC

Deuteranopia

#C2C5D8

Tritanopia

#CFCFCD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#DFC5F2
300
#C99BE9
400
#AC65DD
500
#8E2FD0
600
#7225A7
700
#5B1E85
800
#471768
900
#36154C
950
#220D30

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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