#F0D0FF Color Information


In the RGB color space, #F0D0FF is composed of 94.1176% red, 81.5686% green, and 100% blue.

In the CMYK color space, #F0D0FF is composed of 5.88% cyan, 18.43% magenta, 0% yellow, and 0% black,

It has a hue angle of 280.9 degrees, a saturation of 100%, and a lightness of 90.79%.

The closest websafe color is #FFCCFF.

#F0D0FF RGB Values

#F0D0FF CMYK Values



#F0D0FF Color Conversion


The hexadecimal color #F0D0FF has RGB values of R:240, G:208, B:255 and CMYK values of C:5.88, M:18.43, Y:0, K:0. It has a decimal value of 15782143.


Hexadecimal #F0D0FF #F0D0FF
RGB Decimal 240, 208, 255 rgb(240, 208, 255)
RGB Percent 94.1176, 81.5686, 100 rgb(94.1176%, 81.5686%, 100%)
RGB Proportion 0.9412, 0.8157, 1.0 rgb(0.9412, 0.8157, 1.0)
CMYK 5.88, 18.43, 0, 0
HSL 280.9ยบ, 100, 90.79 hsl(280.9, 100%, 90.79%)
Websafe FFCCFF #FFCCFF
XYZ 76.544, 70.86, 104.251
Yxy 70.86, 0.304, 0.282
CIE-LAB 87.417, 19.424, -18.818
CIE-LCH 87.417, 27.045, 315.908
CIE-LUV 87.417, 14.77, -33.162
Hunter-Lab 84.178, 14.999, -14.503

Color Schemes For #F0D0FF


Colors that go well with #F0D0FF.

Complementary Color
Analogous Colors
Triadic Colors
Split Complementary Color
Tetradic Colors
Monochromatic

Alternatives to #F0D0FF


Colors similar to #F0D0FF.


#F0D0FF Preview


Common HTML and CSS shortcodes for #F0D0FF.

Text with color #F0D0FF


The quick brown fox jumps over the lazy dog.

<div style="color: #F0D0FF;">The quick brown fox jumps over the lazy dog.</div>

#F0D0FF as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #F0D0FF;">The quick brown fox jumps over the lazy dog.</div>

Border with #F0D0FF


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #F0D0FF;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #F0D0FF


Linear gradient from #F0D0FF to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#F0D0FF, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #F0D0FF


Radial gradient from #F0D0FF to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#F0D0FF, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #F0D0FF and its Complementary Color


Linear gradient from #F0D0FF to #0F2F00.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#F0D0FF, #0F2F00);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #F0D0FF and its Complementary Color


Radial gradient from #F0D0FF to #0F2F00.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#F0D0FF, #0F2F00);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #F0D0FF; } .background { background-color: #F0D0FF; } .border { border: 1px solid #F0D0FF; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #F0D0FF


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040404 while the lightest tint is #FEFEFF.

Shades


Tints

Random Colors