#DCEFFC

#DCEFFC

Color Values

HEX

#DCEFFC

RGB

220, 239, 252

HSL

204,4, 84,2%, 92,5%

HSV

204,4, 12,7%, 98,8%

CMYK

12,7%, 5,2%, 0,0%, 1,2%

OKLCH

0,942 0,0268 237,6

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DCEFFC

#FCE9DC

Analogous

#DCFCF9

#DCDFFC

#DCEFFC

Triadic

#DCEFFC

#FCDCEF

#EFFCDC

Split Complementary

#DCEFFC

#FCDCDF

#FCF9DC

Tetradic

#DCEFFC

#F9DCFC

#FCE9DC

#DFFCDC

Color Blindness Simulation

Original

#DCEFFC

Protanopia

#E4E4F9

Deuteranopia

#E3E2F8

Tritanopia

#DDF6F6

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0F0FA
200
#BDE1F9
300
#8ECBF5
400
#51AFF0
500
#1494EB
600
#1076BC
700
#0D5E96
800
#0A4A75
900
#0C3755
950
#072336

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,8: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