Color picker

#dcf0fd

Conversion

HEX#dcf0fd
HEX8#dcf0fdff
RGBrgb(220, 240, 253)
CMYK[0.13,0.05,0,0.01]
Name#dcf0fd
HCL[244.66,9.39,93.72]
oklab[0.94,-0.02,-0.02]
Num14479613
HSI[203.02,0.07,0.93]
lab[93.72,-4.02,-8.49]
Lighten
#ffffff
Darken
#7bc7f7
Saturate
#daf0ff
Desaturate
#e0eff9
Greyscale
#ececec
Brighten
#ffffff

Color harmonies of #dcf0fd

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#dcf0fd
#fddcf0
#f0fddc

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#dcf0fd
#f9dcfd
#fde9dc
#dffddc

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#dcf0fd
#232628
#484f53
#6d777d
#929fa8
#b7c8d2

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#dcf0fd
#dcfdfd
#dcf7fd
#dcf0fd
#dce9fd
#dce3fd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#dcf0fd
#f0dcfd
#fdfddc

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fdfeff
#fafdff
#f8fcff
#f5fbfe
#f3fafe
#f0f9fe
#eef8fe
#ebf6fe
#e9f5fe
#e6f4fe
#e4f3fd
#e1f2fd
#dff1fd
#dcf0fd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#101112
#1f2224
#2f3336
#3f4548
#4f565a
#5e676c
#6e787f
#7e8991
#8d9aa3
#9dabb5
#adbdc7
#bdced9
#ccdfeb
#dcf0fd

Contrast Checker

Verify the contrast of a #dcf0fd colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

1.172 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
17.926 Super When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #dcf0fd

Some examples of color palettes with #dcf0fd. View more

Use #dcf0fd in CSS

#dcf0fd as Background Color in CSS
<div style="background-color:#dcf0fd">Background Color</div>
#dcf0fd as Text Color in CSS
<div style="color:#dcf0fd">Text Color</div>
#dcf0fd as Border Color in CSS
<div style="border-color:#dcf0fd">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet