Color picker

#cccee2

Conversion

HEX#cccee2
HEX8#cccee2ff
RGBrgb(204, 206, 226)
CMYK[0.1,0.09,0,0.11]
Name#cccee2
HCL[287.31,10.58,83.16]
oklab[0.86,0.01,-0.03]
Num13422306
HSI[235.28,0.04,0.83]
lab[83.16,3.15,-10.1]
Lighten
#ffffff
Darken
#8b90bd
Saturate
#c4c7ea
Desaturate
#d4d5da
Greyscale
#d7d7d7
Brighten
#ffffff

Color harmonies of #cccee2

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.
#cccee2
#e2ccce
#cee2cc

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.
#cccee2
#e2ccd9
#e2e0cc
#cce2d5

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.
#cccee2
#0c0c0d
#333338
#595a62
#7f818d
#a6a7b7

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.
#cccee2
#ccd7e2
#ccd2e2
#cccee2
#cecce2
#d3cce2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cccee2
#e2cce0
#d7e2cc

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
#fbfcfd
#f8f8fb
#f4f5f9
#f0f1f7
#edeef5
#e9eaf3
#e6e7f1
#e2e3ee
#dee0ec
#dbdcea
#d7d9e8
#d3d5e6
#d0d2e4
#cccee2

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0f10
#1d1d20
#2c2c30
#3a3b41
#494a51
#575861
#666771
#757681
#838491
#9293a1
#a0a2b2
#afb1c2
#bdbfd2
#cccee2

Contrast Checker

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

1.556 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!
13.494 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 #cccee2

Some examples of color palettes with #cccee2. View more

Use #cccee2 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet