#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026