#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

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