Color picker

#cafcce

Conversion

HEX#cafcce
HEX8#cafcceff
RGBrgb(202, 252, 206)
CMYK[0.2,0,0.18,0.01]
Name#cafcce
HCL[145.35,29.73,94.58]
oklab[0.94,-0.07,0.04]
Num13302990
HSI[124.13,0.08,0.86]
lab[94.58,-24.46,16.9]
Lighten
#ffffff
Darken
#69f775
Saturate
#c7ffcb
Desaturate
#d0f6d3
Greyscale
#e3e3e3
Brighten
#fdffff

Color harmonies of #cafcce

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.
#cafcce
#cecafc
#fcceca

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.
#cafcce
#cadffc
#fccaf8
#fce7ca

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.
#cafcce
#202720
#425243
#647c66
#86a789
#a8d1ab

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.
#cafcce
#dafcca
#d0fcca
#cafcce
#cafcd8
#cafce2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cafcce
#caeefc
#fccada

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
#fbfffc
#f7fff8
#f4fef5
#f0fef1
#ecfeee
#e8feea
#e5fee7
#e1fde3
#ddfde0
#d9fddc
#d5fdd9
#d2fcd5
#cefcd2
#cafcce

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e120f
#1d241d
#2b362c
#3a483b
#485a4a
#576c58
#657e67
#739076
#82a284
#90b493
#9fc6a2
#add8b1
#bceabf
#cafcce

Contrast Checker

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

1.146 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!
18.327 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 #cafcce

Some examples of color palettes with #cafcce. View more

Use #cafcce in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet