#DDECFC

#DDECFC

Color Values

HEX

#DDECFC

RGB

221, 236, 252

HSL

211.0, 83.8%, 92.7%

HSV

211.0, 12.3%, 98.8%

CMYK

12.3%, 6.3%, 0.0%, 1.2%

OKLCH

0.9367 0.027 249.9

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DDECFC

#FCEDDD

Analogous

#DDFBFC

#DDDDFC

#DDECFC

Triadic

#DDECFC

#FCDDEC

#ECFCDD

Split Complementary

#DDECFC

#FCDDDD

#FBFCDD

Tetradic

#DDECFC

#FCDDFB

#FCEDDD

#DDFCDD

Color Blindness Simulation

Original

#DDECFC

Protanopia

#E3E4F8

Deuteranopia

#E3E2F7

Tritanopia

#DEF5F4

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DDECFC;
color: #DDECFC;
border-color: #DDECFC;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8FC0F5
400
#529EF0
500
#157CEA
600
#1163BB
700
#0D4F96
800
#0A3E75
900
#0C2F55
950
#081E36

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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