#DDBAEF

#DDBAEF

Color Values

HEX

#DDBAEF

RGB

221, 186, 239

HSL

279.6, 62.4%, 83.3%

HSV

279.6, 22.2%, 93.7%

CMYK

7.5%, 22.2%, 0.0%, 6.3%

OKLCH

0.8363 0.0816 314.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDBAEF

#CCEFBA

Analogous

#C2BAEF

#EFBAE6

#DDBAEF

Triadic

#DDBAEF

#EFDDBA

#BAEFDD

Split Complementary

#DDBAEF

#E6EFBA

#BAEFC2

Tetradic

#DDBAEF

#EFC2BA

#CCEFBA

#BAE6EF

Color Blindness Simulation

Original

#DDBAEF

Protanopia

#CECEE2

Deuteranopia

#D0D2DF

Tritanopia

#DBD8D6

Achromatopsia

#C5C5C5

CSS Usage

background-color: #DDBAEF;
color: #DDBAEF;
border-color: #DDBAEF;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F3FB
100
#F0E4F7
200
#E2C5F2
300
#CE9CE8
400
#B366DC
500
#9930CF
600
#7A26A6
700
#621F85
800
#4C1868
900
#39154C
950
#240D30

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026