Color picker

#caf2c3

Conversion

HEX#caf2c3
HEX8#caf2c3ff
RGBrgb(202, 242, 195)
CMYK[0.17,0,0.19,0.05]
Name#caf2c3
HCL[139.29,28.35,91.68]
oklab[0.92,-0.06,0.05]
Num13300419
HSI[112.07,0.08,0.84]
lab[91.68,-21.49,18.49]
Lighten
#ffffff
Darken
#80e06f
Saturate
#c5f9bc
Desaturate
#cfebca
Greyscale
#dadada
Brighten
#fdfff6

Color harmonies of #caf2c3

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.
#caf2c3
#c3caf2
#f2c3ca

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.
#caf2c3
#c3e1f2
#ebc3f2
#f2d3c3

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.
#caf2c3
#191d18
#3c483a
#60725c
#839d7e
#a7c7a1

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.
#caf2c3
#ddf2c3
#d3f2c3
#caf2c3
#c3f2c5
#c3f2cf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#caf2c3
#c3f0f2
#f2c3dd

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
#fbfefb
#f7fdf6
#f4fcf2
#f0fbee
#ecfaea
#e8f9e5
#e5f9e1
#e1f8dd
#ddf7d8
#d9f6d4
#d5f5d0
#d2f4cc
#cef3c7
#caf2c3

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e110e
#1d231c
#2b342a
#3a4538
#485646
#576854
#657962
#738a6f
#829c7d
#90ad8b
#9fbe99
#adcfa7
#bce1b5
#caf2c3

Contrast Checker

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

1.235 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 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 #caf2c3

Some examples of color palettes with #caf2c3. View more

Use #caf2c3 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet