Color picker

#cfde70

Conversion

HEX#cfde70
HEX8#cfde70ff
RGBrgb(207, 222, 112)
CMYK[0.07,0,0.5,0.13]
Name#cfde70
HCL[111.82,55.75,85.34]
oklab[0.87,-0.06,0.12]
Num13622896
HSI[67.22,0.38,0.71]
lab[85.34,-20.72,51.75]
Lighten
#ebf1c3
Darken
#a9bc2b
Saturate
#dcf05e
Desaturate
#c2cc82
Greyscale
#a7a7a7
Brighten
#ffffa3

Color harmonies of #cfde70

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.
#cfde70
#70cfde
#de70cf

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.
#cfde70
#70deb6
#7f70de
#de7098

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.
#cfde70
#090905
#30341a
#585e30
#808945
#a7b35b

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.
#cfde70
#dec170
#ded770
#cfde70
#b9de70
#a3de70

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cfde70
#70de95
#c170de

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
#fcfdf5
#f8faeb
#f5f8e0
#f1f6d6
#eef3cc
#eaf1c2
#e7efb8
#e4ecad
#e0eaa3
#dde799
#d9e58f
#d6e384
#d2e07a
#cfde70

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f1008
#1e2010
#2c3018
#3b3f20
#4a4f28
#595f30
#686f38
#767f40
#858f48
#949f50
#a3ae58
#b1be60
#c0ce68
#cfde70

Contrast Checker

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

1.465 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!
14.336 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 #cfde70

Some examples of color palettes with #cfde70. View more

Use #cfde70 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet