#DDECFA

#DDECFA

Color Values

HEX

#DDECFA

RGB

221, 236, 250

HSL

209.0, 74.4%, 92.4%

HSV

209.0, 11.6%, 98.0%

CMYK

11.6%, 5.6%, 0.0%, 2.0%

OKLCH

0.9361 0.0249 246.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDECFA

#FAEBDD

Analogous

#DDFAFA

#DDDEFA

#DDECFA

Triadic

#DDECFA

#FADDEC

#ECFADD

Split Complementary

#DDECFA

#FADDDE

#FAFADD

Tetradic

#DDECFA

#FADDFA

#FAEBDD

#DEFADD

Color Blindness Simulation

Original

#DDECFA

Protanopia

#E3E4F7

Deuteranopia

#E3E2F6

Tritanopia

#DEF4F3

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DCF6
300
#94C3EF
400
#5AA3E7
500
#2183DE
600
#1A69B2
700
#15548E
800
#10416F
900
#103251
950
#0A1F33

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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