#F2F2F2 Color Information


In the RGB color space, #F2F2F2 is composed of 94.902% red, 94.902% green, and 94.902% blue.

In the CMYK color space, #F2F2F2 is composed of 0% cyan, 0% magenta, 0% yellow, and 5.1% black,

It has a hue angle of 0 degrees, a saturation of 0%, and a lightness of 94.9%.

The closest websafe color is #FFFFFF.

#F2F2F2 RGB Values

#F2F2F2 CMYK Values



#F2F2F2 Color Conversion


The hexadecimal color #F2F2F2 has RGB values of R:242, G:242, B:242 and CMYK values of C:0, M:0, Y:0, K:5.1. It has a decimal value of 15921906.


Hexadecimal #F2F2F2 #F2F2F2
RGB Decimal 242, 242, 242 rgb(242, 242, 242)
RGB Percent 94.902, 94.902, 94.902 rgb(94.902%, 94.902%, 94.902%)
RGB Proportion 0.949, 0.949, 0.949 rgb(0.949, 0.949, 0.949)
CMYK 0, 0, 0, 5.1
HSL 0ยบ, 0, 94.9 hsl(0, 0%, 94.9%)
Websafe FFFFFF #FFFFFF
XYZ 84.393, 88.788, 96.69
Yxy 88.788, 0.313, 0.329
CIE-LAB 95.492, 0.005, -0.01
CIE-LCH 95.492, 0.011, 296.565
CIE-LUV 95.492, 0.001, -0.016
Hunter-Lab 94.227, -5.028, 5.12

Color Schemes For #F2F2F2


Colors that go well with #F2F2F2.

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

Alternatives to #F2F2F2


Colors similar to #F2F2F2.


#F2F2F2 Preview


Common HTML and CSS shortcodes for #F2F2F2.

Text with color #F2F2F2


The quick brown fox jumps over the lazy dog.

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

#F2F2F2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #F2F2F2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F2F2F2


Linear gradient from #F2F2F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F2F2F2


Radial gradient from #F2F2F2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #F2F2F2 and its Complementary Color


Linear gradient from #F2F2F2 to #0D0D0D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #F2F2F2 and its Complementary Color


Radial gradient from #F2F2F2 to #0D0D0D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #F2F2F2; } .background { background-color: #F2F2F2; } .border { border: 1px solid #F2F2F2; } .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 #F2F2F2


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 #FEFEFE.

Shades


Tints

Random Colors