#DDBAF7

#DDBAF7

Color Values

HEX

#DDBAF7

RGB

221, 186, 247

HSL

274.4, 79.2%, 84.9%

HSV

274.4, 24.7%, 96.9%

CMYK

10.5%, 24.7%, 0.0%, 3.1%

OKLCH

0.8393 0.0913 310.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDBAF7

#D4F7BA

Analogous

#BEBAF7

#F7BAF3

#DDBAF7

Triadic

#DDBAF7

#F7DDBA

#BAF7DD

Split Complementary

#DDBAF7

#F3F7BA

#BAF7BE

Tetradic

#DDBAF7

#F7BEBA

#D4F7BA

#BAF3F7

Color Blindness Simulation

Original

#DDBAF7

Protanopia

#CECEE8

Deuteranopia

#D0D2E5

Tritanopia

#DBDDDA

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF8
300
#C991F2
400
#AC56EB
500
#8E1BE4
600
#7215B7
700
#5B1192
800
#470D72
900
#360E53
950
#220934

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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