Color picker

#ceffed

Conversion

HEX#ceffed
HEX8#ceffedff
RGBrgb(206, 255, 237)
CMYK[0.19,0,0.07,0]
Name#ceffed
HCL[169.64,19.32,96.31]
oklab[0.96,-0.05,0.01]
Num13565933
HSI[158.71,0.11,0.91]
lab[96.31,-19,3.47]
Lighten
#ffffff
Darken
#68ffc8
Saturate
#ceffed
Desaturate
#d3faec
Greyscale
#e6e6e6
Brighten
#ffffff

Color harmonies of #ceffed

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.
#ceffed
#edceff
#ffedce

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.
#ceffed
#d4ceff
#ffcee0
#f8ffce

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.
#ceffed
#222a27
#45554f
#678077
#89aa9e
#acd4c5

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.
#ceffed
#ceffd9
#ceffe3
#ceffed
#cefff7
#cefdff

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ceffed
#ced6ff
#ffd9ce

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
#fcfffe
#f8fffc
#f5fffb
#f1fffa
#eefff9
#eafff7
#e7fff6
#e3fff5
#e0fff3
#dcfff2
#d9fff1
#d5fff0
#d2ffee
#ceffed

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f1211
#1d2422
#2c3733
#3b4944
#4a5b55
#586d66
#678077
#769287
#84a498
#93b6a9
#a2c8ba
#b1dbcb
#bfeddc
#ceffed

Contrast Checker

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

1.097 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!
19.151 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 #ceffed

Some examples of color palettes with #ceffed. View more

Use #ceffed in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet