COLOR #F4979E

HEX: #F4979E RGB: (244,151,158)

Color info

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

RGB color model

#F4979E color RGB value is (244,151,158).

RGB: (244,151,158) (96%, 59%, 62%)

RGB channels and saturation

R 244 of 255 = 96%
G 151 of 255 = 59%
B 158 of 255 = 62%

244
151
158

R + G + B ~ 72%. #F4979E is quite light color.

Portions of RGB colors in percentages

R + G + B = 244 + 151 + 158 = 553 (100%)
R 244 of 553 ~ 44.12%
G 151 of 553 ~ 27.31%
B 158 of 553 ~ 28.57'%

%44.12
%27.31
%28.57

CMYK color model

#F4979E color CMYK value is (0,38,35,4).

  • cyan value is 0.00%
  • magenta value is 38.11%
  • yellow value is 35.25%
  • key color value is 4.31%

CMYK: (0,38,35,4)
C0M38Y35K4 (0%, 38%, 35%, 4%)
(0.00 / 0.38 / 0.35 / 0.04)

CMYK percentages

%0
%38.11
%35.25
%4.31

Codes

Color #F4979E in popluar color models

F4 97 9E
RGB 244 151 158
HSL 355° 80.87% 77.45%
HSB/HSV 355° 38.11% 95.69%
CMYK 0.00% 38.11% 35.25%
4.31%

Color #F4979E in popluar number systems.

HEX F4 97 9E
Decimal 244 151 158
Binary 11110100 10010111 10011110
Octal 364 227 236

Shades and tints

Shades of #F4979E

#F4979E
(244,151,158)
#DE8A90
(222,138,144)
#C87D82
(200,125,130)
#B27074
(178,112,116)
#9C6366
(156,99,102)
#865658
(134,86,88)
#70494A
(112,73,74)
#5A3C3C
(90,60,60)
#442F2E
(68,47,46)
#2E2220
(46,34,32)
#181512
(24,21,18)
#000000
(0,0,0)

Tints of #F4979E

#F4979E
(244,151,158)
#F5A0A6
(245,160,166)
#F6A9AE
(246,169,174)
#F7B2B6
(247,178,182)
#F8BBBE
(248,187,190)
#F9C4C6
(249,196,198)
#FACDCE
(250,205,206)
#FBD6D6
(251,214,214)
#FCDFDE
(252,223,222)
#FDE8E6
(253,232,230)
#FEF1EE
(254,241,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F4979E color. Also use rgb(244,151,158) instead hex code.

Text Font Color

.myTextColor { color: #F4979E; }

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

This text font color is #F4979E.

Background Color

.myBgColor { background-color: #F4979E; }

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

This div background color is #F4979E.

Border color

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

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

This div border color is #F4979E.

Opacity

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

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

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

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

This text has shadow with #F4979E color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #F4979E.

Preview

Color preview on black background

This text has color #F4979E on black background.


Color preview on white background

This text has color #F4979E on white background.


Black color preview on #F4979E background

This text has black color on #F4979E background.


White color preview on #F4979E background

This text has white color on #F4979E background.


Related colors

Complementary color

Complementary color for #hex is #0B6861.


I love getcolorcode.com

Triadic colors

1 #9EF497 and #979EF4 with #F4979E are triadic colors.

2 #9E97F4 and #97F49E with #F4979E are triadic colors.