#DDE0FC

#DDE0FC

Color Values

HEX

#DDE0FC

RGB

221, 224, 252

HSL

234.2, 83.8%, 92.7%

HSV

234.2, 12.3%, 98.8%

CMYK

12.3%, 11.1%, 0.0%, 1.2%

OKLCH

0.913 0.0382 280.8

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDE0FC

#FCF9DD

Analogous

#DDEFFC

#E9DDFC

#DDE0FC

Triadic

#DDE0FC

#FCDDE0

#E0FCDD

Split Complementary

#DDE0FC

#FCE9DD

#EFFCDD

Tetradic

#DDE0FC

#FCDDEF

#FCF9DD

#DDFCE9

Color Blindness Simulation

Original

#DDE0FC

Protanopia

#DEDEF5

Deuteranopia

#DEDEF4

Tritanopia

#DDF0EF

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E3FA
200
#BDC3F9
300
#8F98F5
400
#5261F0
500
#1529EA
600
#1121BB
700
#0D1A96
800
#0A1575
900
#0C1355
950
#080C36

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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