Color picker

#f2ff88

Conversion

HEX#f2ff88
HEX8#f2ff88ff
RGBrgb(242, 255, 136)
CMYK[0.05,0,0.47,0]
Name#f2ff88
HCL[110.75,58.85,96.89]
oklab[0.97,-0.06,0.13]
Num15925128
HSI[65.71,0.36,0.83]
lab[96.89,-20.85,55.04]
Lighten
#fdffee
Darken
#e7ff22
Saturate
#f2ff88
Desaturate
#e9f394
Greyscale
#c3c3c3
Brighten
#ffffbb

Color harmonies of #f2ff88

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.
#f2ff88
#88f2ff
#ff88f2

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.
#f2ff88
#88ffd0
#9588ff
#ff88b6

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.
#f2ff88
#282a17
#51552d
#798044
#a1aa5b
#cad471

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.
#f2ff88
#ffdc88
#fff488
#f2ff88
#daff88
#c2ff88

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f2ff88
#88ffad
#dc88ff

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
#fefff7
#fdffee
#fcffe6
#fbffdd
#faffd5
#f9ffcc
#f9ffc4
#f8ffbb
#f7ffb3
#f6ffaa
#f5ffa2
#f4ff99
#f3ff91
#f2ff88

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#11120a
#232413
#34371d
#454927
#565b31
#686d3a
#798044
#8a924e
#9ca457
#adb661
#bec86b
#cfdb75
#e1ed7e
#f2ff88

Contrast Checker

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

1.081 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!
19.435 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 #f2ff88

Some examples of color palettes with #f2ff88. View more

Use #f2ff88 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet