#DDABE2

#DDABE2

Color Values

HEX

#DDABE2

RGB

221, 171, 226

HSL

294.5, 48.7%, 77.8%

HSV

294.5, 24.3%, 88.6%

CMYK

2.2%, 24.3%, 0.0%, 11.4%

OKLCH

0.8044 0.0934 323.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDABE2

#B0E2AB

Analogous

#C1ABE2

#E2ABCB

#DDABE2

Triadic

#DDABE2

#E2DDAB

#ABE2DD

Split Complementary

#DDABE2

#CBE2AB

#ABE2C1

Tetradic

#DDABE2

#E2C1AB

#B0E2AB

#ABCBE2

Color Blindness Simulation

Original

#DDABE2

Protanopia

#C7C7D5

Deuteranopia

#CACED2

Tritanopia

#DACAC8

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#E9CAED
300
#DAA4E0
400
#C673CF
500
#B241BE
600
#8F3498
700
#722A79
800
#59215F
900
#421B46
950
#2A112C

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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