#DFDDF4

#DFDDF4

Color Values

HEX

#DFDDF4

RGB

223, 221, 244

HSL

245.2, 51.1%, 91.2%

HSV

245.2, 9.4%, 95.7%

CMYK

8.6%, 9.4%, 0.0%, 4.3%

OKLCH

0.9061 0.0312 289.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDDF4

#F2F4DD

Analogous

#DDE7F4

#EBDDF4

#DFDDF4

Triadic

#DFDDF4

#F4DFDD

#DDF4DF

Split Complementary

#DFDDF4

#F4EBDD

#E7F4DD

Tetradic

#DFDDF4

#F4DDE7

#F2F4DD

#DDF4EB

Color Blindness Simulation

Original

#DFDDF4

Protanopia

#DEDEEE

Deuteranopia

#DEDEED

Tritanopia

#DFEAE9

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC9EE
300
#A8A3E1
400
#7970D1
500
#4A3EC1
600
#3B329A
700
#2F287B
800
#251F60
900
#1E1A47
950
#13112D

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026