#DDDEEF

#DDDEEF

Color Values

HEX

#DDDEEF

RGB

221, 222, 239

HSL

236.7, 36.0%, 90.2%

HSV

236.7, 7.5%, 93.7%

CMYK

7.5%, 7.1%, 0.0%, 6.3%

OKLCH

0.9049 0.0231 283.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDDEEF

#EFEEDD

Analogous

#DDE7EF

#E5DDEF

#DDDEEF

Triadic

#DDDEEF

#EFDDDE

#DEEFDD

Split Complementary

#DDDEEF

#EFE5DD

#E7EFDD

Tetradic

#DDDEEF

#EFDDE7

#EFEEDD

#DDEFE5

Color Blindness Simulation

Original

#DDDEEF

Protanopia

#DDDDEB

Deuteranopia

#DDDDEA

Tritanopia

#DDE8E7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E8
300
#ACAED8
400
#7F82C3
500
#5257AD
600
#41458B
700
#34376F
800
#292B57
900
#212240
950
#151629

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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