Color picker

#caf75f

Conversion

HEX#caf75f
HEX8#caf75fff
RGBrgb(202, 247, 95)
CMYK[0.18,0,0.62,0.03]
Name#caf75f
HCL[118.37,75.35,91.64]
oklab[0.92,-0.1,0.15]
Num13301599
HSI[76.75,0.48,0.71]
lab[91.64,-35.81,66.3]
Lighten
#eafcc0
Darken
#a4e50b
Saturate
#cdff57
Desaturate
#c3e670
Greyscale
#ababab
Brighten
#fdff92

Color harmonies of #caf75f

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.
#caf75f
#5fcaf7
#f75fca

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.
#caf75f
#5ff7d8
#8c5ff7
#f75f7e

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.
#caf75f
#1c220d
#3f4d1e
#62772e
#84a23e
#a7cc4f

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.
#caf75f
#f7e75f
#e8f75f
#caf75f
#acf75f
#8df75f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#caf75f
#5ff7aa
#e75ff7

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
#fbfef4
#f7fee8
#f4fddd
#f0fdd1
#ecfcc6
#e8fcba
#e5fbaf
#e1faa4
#ddfa98
#d9f98d
#d5f981
#d2f876
#cef86a
#caf75f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e1207
#1d230e
#2b3514
#3a471b
#485822
#576a29
#657c30
#738d36
#829f3d
#90b044
#9fc24b
#add451
#bce558
#caf75f

Contrast Checker

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

1.237 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!
16.981 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 #caf75f

Some examples of color palettes with #caf75f. View more

Use #caf75f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet