COLOR #F99EBB

HEX: #F99EBB
RGB: (249,158,187)

Color info

#F99EBB contains mainly red color. Web safe color of #F99EBB is #FF99CC (or #F9C).

RGB color model

#F99EBB color RGB value is (249,158,187).

  • red value is 249;
  • green value is 158;
  • blue value is 187.
RGB:
(249,158,187)
(98%,62%,73%)

RGB channels and saturation

R 249 of 255 = 98%
G 158 of 255 = 62%
B 187 of 255 = 73%

249
158
187

R + G + B ~ 78%. #F99EBB is quite light color.

Portions of RGB colors in percentages

R + G + B =
249 + 158 + 187 = 594 (100%)
R 249 of 594 ~ 41.92%
G 158 of 594 ~ 26.6%
B 187 of 594 ~ 31.48%

%41.92
%26.6
%31.48

CMYK color model

#F99EBB color CMYK value is (0,37,25,2).

  • cyan value is 0.00%
  • magenta value is 36.55%
  • yellow value is 24.90%
  • key color value is 2.35%
CMYK:
(0,37,25,2)
C0M37Y25K2 
(0%,37%,25%,2%)
(0.00/0.37/0.25/0.02)	

CMYK percentages

%0
%36.55
%24.9
%2.35

Codes

Color #F99EBB in popluar color models

F99EBB
RGB249158187
HSL341°88.35%79.80%
HSB/HSV341°36.55%97.65%
CMYK0.00%36.55%24.90%
2.35%

Color #F99EBB in popluar number systems.

HEXF99EBB
Decimal249158187
Binary111110011001111010111011
Octal371236273

Shades and tints

Shades of #F99EBB

#F99EBB
(249,158,187)
#E390AA
(227,144,170)
#CD8299
(205,130,153)
#B77488
(183,116,136)
#A16677
(161,102,119)
#8B5866
(139,88,102)
#754A55
(117,74,85)
#5F3C44
(95,60,68)
#492E33
(73,46,51)
#332022
(51,32,34)
#1D1211
(29,18,17)
#000000
(0,0,0)

Tints of #F99EBB

#F99EBB
(249,158,187)
#F9A6C1
(249,166,193)
#F9AEC7
(249,174,199)
#F9B6CD
(249,182,205)
#F9BED3
(249,190,211)
#F9C6D9
(249,198,217)
#F9CEDF
(249,206,223)
#F9D6E5
(249,214,229)
#F9DEEB
(249,222,235)
#F9E6F1
(249,230,241)
#F9EEF7
(249,238,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F99EBB color. Also use rgb(249,158,187) instead hex code.

Text Font Color

.myTextColor { color: #F99EBB; }

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

This text font color is #F99EBB.


Background Color

.myBgColor { background-color: #F99EBB; }

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

This div background color is #F99EBB.


Border color

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

<div style="border:3px solid #F99EBB">Div</div>

This div border color is #F99EBB.


Opacity

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

<p style="color:#F99EBB;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #F99EBB">Text here.</p>

This text has shadow with #F99EBB color.

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

<p style="text-shadow: 3px 3px 1px #F99EBB, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#F99EBB, Direction=45, Strength=4)">Text</p>

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #F99EBB on black background.


Color preview on white background

This text has color #F99EBB on white background.



Black color preview on #F99EBB background

This text has black color on #F99EBB background.


White color preview on #F99EBB background

This text has white color on #F99EBB background.