#DDDFF9

#DDDFF9

Color Values

HEX

#DDDFF9

RGB

221, 223, 249

HSL

235.7, 70.0%, 92.2%

HSV

235.7, 11.2%, 97.6%

CMYK

11.2%, 10.4%, 0.0%, 2.4%

OKLCH

0.9101 0.0354 282.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDDFF9

#F9F7DD

Analogous

#DDEDF9

#E9DDF9

#DDDFF9

Triadic

#DDDFF9

#F9DDDF

#DFF9DD

Split Complementary

#DDDFF9

#F9E9DD

#EDF9DD

Tetradic

#DDDFF9

#F9DDED

#F9F7DD

#DDF9E9

Color Blindness Simulation

Original

#DDDFF9

Protanopia

#DEDEF3

Deuteranopia

#DEDEF1

Tritanopia

#DDEEED

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DDDFF9;
color: #DDDFF9;
border-color: #DDDFF9;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F3F3FC
100
#E3E4F8
200
#C2C6F4
300
#979DED
400
#5F68E3
500
#2633D9
600
#1F29AD
700
#18218B
800
#131A6C
900
#12164F
950
#0B0E32

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026