#DDBCF3

#DDBCF3

Color Values

HEX

#DDBCF3

RGB

221, 188, 243

HSL

276.0, 69.6%, 84.5%

HSV

276.0, 22.6%, 95.3%

CMYK

9.1%, 22.6%, 0.0%, 4.7%

OKLCH

0.8414 0.083 311.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#DDBCF3

#D2F3BC

Analogous

#C1BCF3

#F3BCED

#DDBCF3

Triadic

#DDBCF3

#F3DDBC

#BCF3DD

Split Complementary

#DDBCF3

#EDF3BC

#BCF3C1

Tetradic

#DDBCF3

#F3C1BC

#D2F3BC

#BCEDF3

Color Blindness Simulation

Original

#DDBCF3

Protanopia

#CFCEE6

Deuteranopia

#D1D3E2

Tritanopia

#DBDBD9

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#E0C2F4
300
#CA97EC
400
#AE5FE2
500
#9127D8
600
#741FAD
700
#5D198A
800
#49136C
900
#37124F
950
#220B32

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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