#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026