#DCF1FC

#DCF1FC

Color Values

HEX

#DCF1FC

RGB

220, 241, 252

HSL

200.6, 84.2%, 92.5%

HSV

200.6, 12.7%, 98.8%

CMYK

12.7%, 4.4%, 0.0%, 1.2%

OKLCH

0.946 0.0267 230.3

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DCF1FC

#FCE7DC

Analogous

#DCFCF7

#DCE1FC

#DCF1FC

Triadic

#DCF1FC

#FCDCF1

#F1FCDC

Split Complementary

#DCF1FC

#FCDCE1

#FCF7DC

Tetradic

#DCF1FC

#F7DCFC

#FCE7DC

#E1FCDC

Color Blindness Simulation

Original

#DCF1FC

Protanopia

#E5E5F9

Deuteranopia

#E4E2F9

Tritanopia

#DDF7F7

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE5F9
300
#8ED2F5
400
#51BAF0
500
#14A1EB
600
#1081BC
700
#0D6796
800
#0A5175
900
#0C3C55
950
#072636

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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