Color picker

#f5caff

Conversion

HEX#f5caff
HEX8#f5caffff
RGBrgb(245, 202, 255)
CMYK[0.04,0.21,0,0]
Name#f5caff
HCL[320.09,31.54,86.44]
oklab[0.89,0.06,-0.05]
Num16108287
HSI[289.77,0.14,0.92]
lab[86.44,24.19,-20.24]
Lighten
#ffffff
Darken
#e264ff
Saturate
#f5caff
Desaturate
#f2cffa
Greyscale
#e4e4e4
Brighten
#fffdff

Color harmonies of #f5caff

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.
#f5caff
#fff5ca
#cafff5

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.
#f5caff
#ffdaca
#d4ffca
#caeeff

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.
#f5caff
#29222a
#524355
#7b6580
#a387aa
#cca8d4

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.
#f5caff
#e0caff
#eacaff
#f5caff
#ffcafe
#ffcaf4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f5caff
#ffcbca
#caffe0

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
#fefbff
#fef7ff
#fdf4ff
#fcf0ff
#fbecff
#fbe8ff
#fae5ff
#f9e1ff
#f9ddff
#f8d9ff
#f7d5ff
#f6d2ff
#f6ceff
#f5caff

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#120e12
#231d24
#352b37
#463a49
#58485b
#69576d
#7b6580
#8c7392
#9e82a4
#af90b6
#c19fc8
#d2addb
#e4bced
#f5caff

Contrast Checker

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

1.421 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.775 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 #f5caff

Some examples of color palettes with #f5caff. View more

Use #f5caff in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet