Color #F2F1FA

Color info

#F2F1FA contains red, green and blue colors in about the same proportion. Web safe color of #F2F1FA is #FFFFFF (or #FFF).

RGB color model

#F2F1FA color RGB value is (242,241,250).

red value is 242;
green value is 241;
blue value is 250.

RGB: (242,241,250) (95%, 95%, 98%)

RGB channels and saturation

R 242 of 255 = 95%
G 241 of 255 = 95%
B 250 of 255 = 98%

242

241

250

R + G + B ~ 96%. #F2F1FA is light color.

Portions of RGB colors in percentages

R + G + B = 242 + 241 + 250 = 733 (100%)
R 242 of 733 ~ 33.02%
G 241 of 733 ~ 32.88%
B 250 of 733 ~ 34.11'%

%33.02

%32.88

%34.11

CMYK color model

#F2F1FA color CMYK value is (3,4,0,2).

cyan value is 3.20%
magenta value is 3.60%
yellow value is 0.00%
key color value is 1.96%

CMYK: (3,4,0,2)
C3M4Y0K2 (3%, 4%, 0%, 2%)
(0.03 / 0.04 / 0.00 / 0.02)

CMYK percentages

%3.2

%3.6

%0

%1.96

Codes

Color #F2F1FA in popluar color models

	F2	F1	FA
RGB	242	241	250
HSL	247°	47.37%	96.27%
HSB/HSV	247°	3.60%	98.04%
CMYK	3.20%	3.60%	0.00%
CMYK	1.96%

Color #F2F1FA in popluar number systems.

HEX	F2	F1	FA
Decimal	242	241	250
Binary	11110010	11110001	11111010
Octal	362	361	372

Shades and tints

Shades of #F2F1FA

#F2F1FA
(242,241,250)

#DCDCE4
(220,220,228)

#C6C7CE
(198,199,206)

#B0B2B8
(176,178,184)

#9A9DA2
(154,157,162)

#84888C
(132,136,140)

#6E7376
(110,115,118)

#585E60
(88,94,96)

#42494A
(66,73,74)

#2C3434
(44,52,52)

#161F1E
(22,31,30)

#000000
(0,0,0)

Tints of #F2F1FA

#F2F1FA
(242,241,250)

#F3F2FA
(243,242,250)

#F4F3FA
(244,243,250)

#F5F4FA
(245,244,250)

#F6F5FA
(246,245,250)

#F7F6FA
(247,246,250)

#F8F7FA
(248,247,250)

#F9F8FA
(249,248,250)

#FAF9FA
(250,249,250)

#FBFAFA
(251,250,250)

#FCFBFA
(252,251,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F2F1FA color. Also use rgb(242,241,250) instead hex code.

Text Font Color

.myTextColor { color: #F2F1FA; }

<p style="color:#F2F1FA">This sample text font color is #F2F1FA.</p>

This text font color is #F2F1FA.

Background Color

.myBgColor { background-color: #F2F1FA; }

<div style="background-color:#F2F1FA">Inner text</div>

This div background color is #F2F1FA.

Border color

.myBorderColor { border: 1px solid #F2F1FA; }

This div border color is #F2F1FA.

Opacity

.myOpacity80 { color: #F2F1FA; opacity: 0.8; }

Text with #F2F1FA color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #F2F1FA;}

This text has shadow with #F2F1FA color.

.textShadow {text-shadow: 3px 3px 1px #F2F1FA', 3px 3px 1px red;}

This text has shadow with #F2F1FA primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#F2F1FA, Direction=45, Strength=4)}

This text has shadow with #F2F1FA and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #F2F1FA;
-webkit-box-shadow: 1px 1px 3px 2px #F2F1FA;
box-shadow: 1px 1px 3px 2px #F2F1FA;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #F2F1FA; -webkit-box-shadow: 1px 1px 3px 2px #F2F1FA; box-shadow:1px 1px 3px 2px #F2F1FA;">
Div content here
</div>

This div box has shadow with color #F2F1FA.