#DEDFFE

#DEDFFE

Color Values

HEX

#DEDFFE

RGB

222, 223, 254

HSL

238.1, 94.1%, 93.3%

HSV

238.1, 12.6%, 99.6%

CMYK

12.6%, 12.2%, 0.0%, 0.4%

OKLCH

0.9125 0.0421 284.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEDFFE

#FEFDDE

Analogous

#DEEFFE

#EDDEFE

#DEDFFE

Triadic

#DEDFFE

#FEDEDF

#DFFEDE

Split Complementary

#DEDFFE

#FEEDDE

#EFFEDE

Tetradic

#DEDFFE

#FEDEEF

#FEFDDE

#DEFEED

Color Blindness Simulation

Original

#DEDFFE

Protanopia

#DEDEF7

Deuteranopia

#DEDEF5

Tritanopia

#DEF1EF

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#888CFB
400
#484DF9
500
#080FF7
600
#060CC6
700
#050A9E
800
#04087C
900
#070A59
950
#050639

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026