Color #F3A7B0

Color info

#F3A7B0 contains mainly red color. Web safe color of #F3A7B0 is #FF9999 (or #F99).

RGB color model

#F3A7B0 color RGB value is (243,167,176).

red value is 243;
green value is 167;
blue value is 176.

RGB: (243,167,176) (95%, 65%, 69%)

RGB channels and saturation

R 243 of 255 = 95%
G 167 of 255 = 65%
B 176 of 255 = 69%

243

167

176

R + G + B ~ 76%. #F3A7B0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 243 + 167 + 176 = 586 (100%)
R 243 of 586 ~ 41.47%
G 167 of 586 ~ 28.5%
B 176 of 586 ~ 30.03'%

%41.47

%28.5

%30.03

CMYK color model

#F3A7B0 color CMYK value is (0,31,28,5).

cyan value is 0.00%
magenta value is 31.28%
yellow value is 27.57%
key color value is 4.71%

CMYK: (0,31,28,5)
C0M31Y28K5 (0%, 31%, 28%, 5%)
(0.00 / 0.31 / 0.28 / 0.05)

CMYK percentages

%0

%31.28

%27.57

%4.71

Codes

Color #F3A7B0 in popluar color models

	F3	A7	B0
RGB	243	167	176
HSL	353°	76.00%	80.39%
HSB/HSV	353°	31.28%	95.29%
CMYK	0.00%	31.28%	27.57%
CMYK	4.71%

Color #F3A7B0 in popluar number systems.

HEX	F3	A7	B0
Decimal	243	167	176
Binary	11110011	10100111	10110000
Octal	363	247	260

Shades and tints

Shades of #F3A7B0

#F3A7B0
(243,167,176)

#DD98A0
(221,152,160)

#C78990
(199,137,144)

#B17A80
(177,122,128)

#9B6B70
(155,107,112)

#855C60
(133,92,96)

#6F4D50
(111,77,80)

#593E40
(89,62,64)

#432F30
(67,47,48)

#2D2020
(45,32,32)

#171110
(23,17,16)

#000000
(0,0,0)

Tints of #F3A7B0

#F3A7B0
(243,167,176)

#F4AFB7
(244,175,183)

#F5B7BE
(245,183,190)

#F6BFC5
(246,191,197)

#F7C7CC
(247,199,204)

#F8CFD3
(248,207,211)

#F9D7DA
(249,215,218)

#FADFE1
(250,223,225)

#FBE7E8
(251,231,232)

#FCEFEF
(252,239,239)

#FDF7F6
(253,247,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F3A7B0 color. Also use rgb(243,167,176) instead hex code.

Text Font Color

.myTextColor { color: #F3A7B0; }

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

This text font color is #F3A7B0.

Background Color

.myBgColor { background-color: #F3A7B0; }

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

This div background color is #F3A7B0.

Border color

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

This div border color is #F3A7B0.

Opacity

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

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

This text has shadow with #F3A7B0 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F3A7B0.