#DDECF8

#DDECF8

Color Values

HEX

#DDECF8

RGB

221, 236, 248

HSL

206.7, 65.9%, 92.0%

HSV

206.7, 10.9%, 97.3%

CMYK

10.9%, 4.8%, 0.0%, 2.7%

OKLCH

0.9355 0.0228 241.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DDECF8

#F8E9DD

Analogous

#DDF8F7

#DDDFF8

#DDECF8

Triadic

#DDECF8

#F8DDEC

#ECF8DD

Split Complementary

#DDECF8

#F8DDDF

#F8F7DD

Tetradic

#DDECF8

#F7DDF8

#F8E9DD

#DFF8DD

Color Blindness Simulation

Original

#DDECF8

Protanopia

#E3E4F5

Deuteranopia

#E3E2F4

Tritanopia

#DEF3F2

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DDECF8;
color: #DDECF8;
border-color: #DDECF8;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#99C6EA
400
#62A7DF
500
#2B89D4
600
#236DA9
700
#1C5887
800
#16446A
900
#14344D
950
#0C2131

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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