#DCF3FF

#DCF3FF

Color Values

HEX

#DCF3FF

RGB

220, 243, 255

HSL

200.6, 100.0%, 93.1%

HSV

200.6, 13.7%, 100.0%

CMYK

13.7%, 4.7%, 0.0%, 0.0%

OKLCH

0.9509 0.0291 230.3

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#DCF3FF

#FFE8DC

Analogous

#DCFFF9

#DCE1FF

#DCF3FF

Triadic

#DCF3FF

#FFDCF3

#F3FFDC

Split Complementary

#DCF3FF

#FFDCE1

#FFF9DC

Tetradic

#DCF3FF

#F9DCFF

#FFE8DC

#E1FFDC

Color Blindness Simulation

Original

#DCF3FF

Protanopia

#E6E6FC

Deuteranopia

#E5E3FB

Tritanopia

#DDFAF9

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF2FC
200
#B8E6FF
300
#85D5FF
400
#42BEFF
500
#00A7FF
600
#0086CC
700
#006BA3
800
#005480
900
#053E5C
950
#03273A

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.31:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026