#DDBFF4

#DDBFF4

Color Values

HEX

#DDBFF4

RGB

221, 191, 244

HSL

274,0, 70,7%, 85,3%

HSV

274,0, 21,7%, 95,7%

CMYK

9,4%, 21,7%, 0,0%, 4,3%

OKLCH

0,8473 0,0791 310,2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDBFF4

#D6F4BF

Analogous

#C3BFF4

#F4BFF0

#DDBFF4

Triadic

#DDBFF4

#F4DDBF

#BFF4DD

Split Complementary

#DDBFF4

#F0F4BF

#BFF4C3

Tetradic

#DDBFF4

#F4C3BF

#D6F4BF

#BFF0F4

Color Blindness Simulation

Original

#DDBFF4

Protanopia

#D0D0E7

Deuteranopia

#D2D4E4

Tritanopia

#DCDDDB

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC2F5
300
#C897ED
400
#AA5EE3
500
#8C25DA
600
#701EAE
700
#59188B
800
#46136D
900
#35124F
950
#210B32

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,83: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