#DCEDFC

#DCEDFC

Color Values

HEX

#DCEDFC

RGB

220, 237, 252

HSL

208.1, 84.2%, 92.5%

HSV

208.1, 12.7%, 98.8%

CMYK

12.7%, 6.0%, 0.0%, 1.2%

OKLCH

0.938 0.0272 244.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#DCEDFC

#FCEBDC

Analogous

#DCFCFB

#DCDDFC

#DCEDFC

Triadic

#DCEDFC

#FCDCED

#EDFCDC

Split Complementary

#DCEDFC

#FCDCDD

#FCFBDC

Tetradic

#DCEDFC

#FBDCFC

#FCEBDC

#DDFCDC

Color Blindness Simulation

Original

#DCEDFC

Protanopia

#E3E4F8

Deuteranopia

#E2E1F7

Tritanopia

#DDF6F5

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC5F5
400
#51A6F0
500
#1486EB
600
#106BBC
700
#0D5696
800
#0A4375
900
#0C3355
950
#072036

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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