COLOR #F19BB2

HEX: #F19BB2
RGB: (241,155,178)

Color info

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

RGB color model

#F19BB2 color RGB value is (241,155,178).

  • red value is 241;
  • green value is 155;
  • blue value is 178.
RGB:
(241,155,178)
(95%,61%,70%)

RGB channels and saturation

R 241 of 255 = 95%
G 155 of 255 = 61%
B 178 of 255 = 70%

241
155
178

R + G + B ~ 75%. #F19BB2 is quite light color.

Portions of RGB colors in percentages

R + G + B =
241 + 155 + 178 = 574 (100%)
R 241 of 574 ~ 41.99%
G 155 of 574 ~ 27%
B 178 of 574 ~ 31.01%

%41.99
%27
%31.01

CMYK color model

#F19BB2 color CMYK value is (0,36,26,5).

  • cyan value is 0.00%
  • magenta value is 35.68%
  • yellow value is 26.14%
  • key color value is 5.49%
CMYK:
(0,36,26,5)
C0M36Y26K5 
(0%,36%,26%,5%)
(0.00/0.36/0.26/0.05)	

CMYK percentages

%0
%35.68
%26.14
%5.49

Codes

Color #F19BB2 in popluar color models

F19BB2
RGB241155178
HSL344°75.44%77.65%
HSB/HSV344°35.68%94.51%
CMYK0.00%35.68%26.14%
5.49%

Color #F19BB2 in popluar number systems.

HEXF19BB2
Decimal241155178
Binary111100011001101110110010
Octal361233262

Shades and tints

Shades of #F19BB2

#F19BB2
(241,155,178)
#DC8DA2
(220,141,162)
#C77F92
(199,127,146)
#B27182
(178,113,130)
#9D6372
(157,99,114)
#885562
(136,85,98)
#734752
(115,71,82)
#5E3942
(94,57,66)
#492B32
(73,43,50)
#341D22
(52,29,34)
#1F0F12
(31,15,18)
#000000
(0,0,0)

Tints of #F19BB2

#F19BB2
(241,155,178)
#F2A4B9
(242,164,185)
#F3ADC0
(243,173,192)
#F4B6C7
(244,182,199)
#F5BFCE
(245,191,206)
#F6C8D5
(246,200,213)
#F7D1DC
(247,209,220)
#F8DAE3
(248,218,227)
#F9E3EA
(249,227,234)
#FAECF1
(250,236,241)
#FBF5F8
(251,245,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F19BB2 color. Also use rgb(241,155,178) instead hex code.

Text Font Color

.myTextColor { color: #F19BB2; }

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

This text font color is #F19BB2.


Background Color

.myBgColor { background-color: #F19BB2; }

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

This div background color is #F19BB2.


Border color

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

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

This div border color is #F19BB2.


Opacity

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

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

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

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

This text has shadow with #F19BB2 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #F19BB2 on black background.


Color preview on white background

This text has color #F19BB2 on white background.



Black color preview on #F19BB2 background

This text has black color on #F19BB2 background.


White color preview on #F19BB2 background

This text has white color on #F19BB2 background.