#DFDDEF

#DFDDEF

Color Values

HEX

#DFDDEF

RGB

223, 221, 239

HSL

246.7, 36.0%, 90.2%

HSV

246.7, 7.5%, 93.7%

CMYK

6.7%, 7.5%, 0.0%, 6.3%

OKLCH

0.9045 0.0245 291.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDDEF

#EDEFDD

Analogous

#DDE4EF

#E8DDEF

#DFDDEF

Triadic

#DFDDEF

#EFDFDD

#DDEFDF

Split Complementary

#DFDDEF

#EFE8DD

#E4EFDD

Tetradic

#DFDDEF

#EFDDE4

#EDEFDD

#DDEFE8

Color Blindness Simulation

Original

#DFDDEF

Protanopia

#DEDEEB

Deuteranopia

#DEDEEA

Tritanopia

#DFE7E6

Achromatopsia

#DFDFDF

CSS Usage

background-color: #DFDDEF;
color: #DFDDEF;
border-color: #DFDDEF;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D1CEE8
300
#B1ACD8
400
#867FC3
500
#5C52AD
600
#49418B
700
#3B346F
800
#2E2957
900
#242140
950
#171529

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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