#DFDDEB

#DFDDEB

Color Values

HEX

#DFDDEB

RGB

223, 221, 235

HSL

248.6, 25.9%, 89.4%

HSV

248.6, 6.0%, 92.2%

CMYK

5.1%, 6.0%, 0.0%, 7.8%

OKLCH

0.9032 0.019 292.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDDEB

#E9EBDD

Analogous

#DDE2EB

#E6DDEB

#DFDDEB

Triadic

#DFDDEB

#EBDFDD

#DDEBDF

Split Complementary

#DFDDEB

#EBE6DD

#E2EBDD

Tetradic

#DFDDEB

#EBDDE2

#E9EBDD

#DDEBE6

Color Blindness Simulation

Original

#DFDDEB

Protanopia

#DEDEE8

Deuteranopia

#DEDEE7

Tritanopia

#DFE5E4

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DFDDEB;
color: #DFDDEB;
border-color: #DFDDEB;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D5D2E5
300
#B6B2D2
400
#8F88B9
500
#685EA1
600
#534C80
700
#433C67
800
#342F50
900
#28253C
950
#1A1726

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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