COLOR #F7BCB2

HEX: #F7BCB2 RGB: (247,188,178)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#F7BCB2 contains mainly red and green colors. Web safe color of #F7BCB2 is #FFCC99 (or #FC9).

RGB color model

#F7BCB2 color RGB value is (247,188,178).

red value is 247;
green value is 188;
blue value is 178.

RGB: (247,188,178) (97%, 74%, 70%)

RGB channels and saturation

R 247 of 255 = 97%
G 188 of 255 = 74%
B 178 of 255 = 70%

247

188

178

R + G + B ~ 80%. #F7BCB2 is quite light color.

Portions of RGB colors in percentages

R + G + B = 247 + 188 + 178 = 613 (100%)
R 247 of 613 ~ 40.29%
G 188 of 613 ~ 30.67%
B 178 of 613 ~ 29.04'%

%40.29

%30.67

%29.04

CMYK color model

#F7BCB2 color CMYK value is (0,24,28,3).

cyan value is 0.00%
magenta value is 23.89%
yellow value is 27.94%
key color value is 3.14%

CMYK: (0,24,28,3) C0M24Y28K3 (0%,24%,28%,3%) (0.00/0.24/0.28/0.03)

CMYK percentages

%23.89

%27.94

%3.14

Codes

Color #F7BCB2 in popluar color models

	F7	BC	B2
RGB	247	188	178
HSL	9°	81.18%	83.33%
HSB/HSV	9°	27.94%	96.86%
CMYK	0.00%	23.89%	27.94%
CMYK	3.14%

Color #F7BCB2 in popluar number systems.

HEX	F7	BC	B2
Decimal	247	188	178
Binary	11110111	10111100	10110010
Octal	367	274	262

Shades and tints

Shades of #F7BCB2

#F7BCB2
(247,188,178)

#E1ABA2
(225,171,162)

#CB9A92
(203,154,146)

#B58982
(181,137,130)

#9F7872
(159,120,114)

#896762
(137,103,98)

#735652
(115,86,82)

#5D4542
(93,69,66)

#473432
(71,52,50)

#312322
(49,35,34)

#1B1212
(27,18,18)

#000000
(0,0,0)

Tints of #F7BCB2

#F7BCB2
(247,188,178)

#F7C2B9
(247,194,185)

#F7C8C0
(247,200,192)

#F7CEC7
(247,206,199)

#F7D4CE
(247,212,206)

#F7DAD5
(247,218,213)

#F7E0DC
(247,224,220)

#F7E6E3
(247,230,227)

#F7ECEA
(247,236,234)

#F7F2F1
(247,242,241)

#F7F8F8
(247,248,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F7BCB2 color. Also use rgb(247,188,178) instead hex code.

Text Font Color

.myTextColor { color: #F7BCB2; }

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

This text font color is #F7BCB2.

Background Color

.myBgColor { background-color: #F7BCB2; }

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

This div background color is #F7BCB2.

Border color

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

This div border color is #F7BCB2.

Opacity

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

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

This text has shadow with #F7BCB2 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F7BCB2.