#DFDFEF

#DFDFEF

Color Values

HEX

#DFDFEF

RGB

223, 223, 239

HSL

240,0, 33,3%, 90,6%

HSV

240,0, 6,7%, 93,7%

CMYK

6,7%, 6,7%, 0,0%, 6,3%

OKLCH

0,9084 0,0217 286,0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DFDFEF

#EFEFDF

Analogous

#DFE7EF

#E7DFEF

#DFDFEF

Triadic

#DFDFEF

#EFDFDF

#DFEFDF

Split Complementary

#DFDFEF

#EFE7DF

#E7EFDF

Tetradic

#DFDFEF

#EFDFE7

#EFEFDF

#DFEFE7

Color Blindness Simulation

Original

#DFDFEF

Protanopia

#DFDFEB

Deuteranopia

#DFDFEA

Tritanopia

#DFE8E7

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE7
300
#ADADD6
400
#8181C0
500
#5555AA
600
#444488
700
#36366D
800
#2B2B55
900
#22223F
950
#151528

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,94: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