Color #F1F7BB

Color info

#F1F7BB contains mainly red and green colors. Web safe color of #F1F7BB is #FFFFCC (or #FFC).

RGB color model

#F1F7BB color RGB value is (241,247,187).

red value is 241;
green value is 247;
blue value is 187.

RGB: (241,247,187) (95%, 97%, 73%)

RGB channels and saturation

R 241 of 255 = 95%
G 247 of 255 = 97%
B 187 of 255 = 73%

241

247

187

R + G + B ~ 88%. #F1F7BB is light color.

Portions of RGB colors in percentages

R + G + B = 241 + 247 + 187 = 675 (100%)
R 241 of 675 ~ 35.7%
G 247 of 675 ~ 36.59%
B 187 of 675 ~ 27.7'%

%35.7

%36.59

%27.7

CMYK color model

#F1F7BB color CMYK value is (2,0,24,3).

cyan value is 2.43%
magenta value is 0.00%
yellow value is 24.29%
key color value is 3.14%

CMYK: (2,0,24,3)
C2M0Y24K3 (2%, 0%, 24%, 3%)
(0.02 / 0.00 / 0.24 / 0.03)

CMYK percentages

%2.43

%0

%24.29

%3.14

Codes

Color #F1F7BB in popluar color models

	F1	F7	BB
RGB	241	247	187
HSL	66°	78.95%	85.10%
HSB/HSV	66°	24.29%	96.86%
CMYK	2.43%	0.00%	24.29%
CMYK	3.14%

Color #F1F7BB in popluar number systems.

HEX	F1	F7	BB
Decimal	241	247	187
Binary	11110001	11110111	10111011
Octal	361	367	273

Shades and tints

Shades of #F1F7BB

#F1F7BB
(241,247,187)

#DCE1AA
(220,225,170)

#C7CB99
(199,203,153)

#B2B588
(178,181,136)

#9D9F77
(157,159,119)

#888966
(136,137,102)

#737355
(115,115,85)

#5E5D44
(94,93,68)

#494733
(73,71,51)

#343122
(52,49,34)

#1F1B11
(31,27,17)

#000000
(0,0,0)

Tints of #F1F7BB

#F1F7BB
(241,247,187)

#F2F7C1
(242,247,193)

#F3F7C7
(243,247,199)

#F4F7CD
(244,247,205)

#F5F7D3
(245,247,211)

#F6F7D9
(246,247,217)

#F7F7DF
(247,247,223)

#F8F7E5
(248,247,229)

#F9F7EB
(249,247,235)

#FAF7F1
(250,247,241)

#FBF7F7
(251,247,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F1F7BB color. Also use rgb(241,247,187) instead hex code.

Text Font Color

.myTextColor { color: #F1F7BB; }

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

This text font color is #F1F7BB.

Background Color

.myBgColor { background-color: #F1F7BB; }

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

This div background color is #F1F7BB.

Border color

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

This div border color is #F1F7BB.

Opacity

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

Text with #F1F7BB 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 #F1F7BB;}

This text has shadow with #F1F7BB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F1F7BB.