#DEDFFF

#DEDFFF

Color Values

HEX

#DEDFFF

RGB

222, 223, 255

HSL

238.2, 100.0%, 93.5%

HSV

238.2, 12.9%, 100.0%

CMYK

12.9%, 12.5%, 0.0%, 0.0%

OKLCH

0.9128 0.0435 284.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEDFFF

#FFFEDE

Analogous

#DEEFFF

#EDDEFF

#DEDFFF

Triadic

#DEDFFF

#FFDEDF

#DFFFDE

Split Complementary

#DEDFFF

#FFEDDE

#EFFFDE

Tetradic

#DEDFFF

#FFDEEF

#FFFEDE

#DEFFED

Color Blindness Simulation

Original

#DEDFFF

Protanopia

#DEDEF7

Deuteranopia

#DEDEF5

Tritanopia

#DEF1F0

Achromatopsia

#E1E1E1

CSS Usage

background-color: #DEDFFF;
color: #DEDFFF;
border-color: #DEDFFF;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFF
300
#8588FF
400
#4248FF
500
#0008FF
600
#0006CC
700
#0005A3
800
#000480
900
#05075C
950
#03053A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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