#DEDFF2

#DEDFF2

Color Values

HEX

#DEDFF2

RGB

222, 223, 242

HSL

237.0, 43.5%, 91.0%

HSV

237.0, 8.3%, 94.9%

CMYK

8.3%, 7.9%, 0.0%, 5.1%

OKLCH

0.9086 0.0258 283.5

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DEDFF2

#F2F1DE

Analogous

#DEE9F2

#E7DEF2

#DEDFF2

Triadic

#DEDFF2

#F2DEDF

#DFF2DE

Split Complementary

#DEDFF2

#F2E7DE

#E9F2DE

Tetradic

#DEDFF2

#F2DEE9

#F2F1DE

#DEF2E7

Color Blindness Simulation

Original

#DEDFF2

Protanopia

#DEDEED

Deuteranopia

#DEDEEC

Tritanopia

#DEEAE9

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEB
300
#A7AADC
400
#787CCA
500
#484EB7
600
#3A3E92
700
#2E3275
800
#24275B
900
#1D1F43
950
#13142B

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