Color picker

#cacf72

Conversion

HEX#cacf72
HEX8#cacf72ff
RGBrgb(202, 207, 114)
CMYK[0.02,0,0.45,0.19]
Name#cacf72
HCL[108.38,47.85,80.96]
oklab[0.83,-0.04,0.11]
Num13291378
HSI[62.74,0.35,0.68]
lab[80.96,-15.09,45.41]
Lighten
#e7e9be
Darken
#9ea338
Saturate
#dbe25f
Desaturate
#b9bc85
Greyscale
#a0a0a0
Brighten
#fdffa5

Color harmonies of #cacf72

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.
#cacf72
#72cacf
#cf72ca

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.
#cacf72
#72cfa5
#7772cf
#cf729b

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.
#cacf72
#f3f989
#242514
#4e4f2c
#777a43
#a1a45b

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.
#cacf72
#cfaf72
#cfc172
#cacf72
#b7cf72
#a5cf72

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cacf72
#72cf8a
#af72cf

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
#fbfcf5
#f7f8eb
#f4f5e1
#f0f1d7
#eceecd
#e8eac3
#e5e7b9
#e1e4ae
#dde0a4
#d9dd9a
#d5d990
#d2d686
#ced27c
#cacf72

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e0f08
#1d1e10
#2b2c18
#3a3b21
#484a29
#575931
#656839
#737641
#828549
#909451
#9fa35a
#adb162
#bcc06a
#cacf72

Contrast Checker

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

1.656 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!
12.679 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 #cacf72

Some examples of color palettes with #cacf72. View more

Use #cacf72 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet