COLOR #F4829E

HEX: #F4829E RGB: (244,130,158)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#F4829E color RGB value is (244,130,158).

red value is 244;
green value is 130;
blue value is 158.

RGB: (244,130,158) (96%, 51%, 62%)

RGB channels and saturation

R 244 of 255 = 96%
G 130 of 255 = 51%
B 158 of 255 = 62%

244

130

158

R + G + B ~ 70%. #F4829E is quite light color.

Portions of RGB colors in percentages

R + G + B = 244 + 130 + 158 = 532 (100%)
R 244 of 532 ~ 45.86%
G 130 of 532 ~ 24.44%
B 158 of 532 ~ 29.7'%

%45.86

%24.44

%29.7

CMYK color model

#F4829E color CMYK value is (0,47,35,4).

cyan value is 0.00%
magenta value is 46.72%
yellow value is 35.25%
key color value is 4.31%

CMYK: (0,47,35,4) C0M47Y35K4 (0%,47%,35%,4%) (0.00/0.47/0.35/0.04)

CMYK percentages

%46.72

%35.25

%4.31

Codes

Color #F4829E in popluar color models

	F4	82	9E
RGB	244	130	158
HSL	345°	83.82%	73.33%
HSB/HSV	345°	46.72%	95.69%
CMYK	0.00%	46.72%	35.25%
CMYK	4.31%

Color #F4829E in popluar number systems.

HEX	F4	82	9E
Decimal	244	130	158
Binary	11110100	10000010	10011110
Octal	364	202	236

Shades and tints

Shades of #F4829E

#F4829E
(244,130,158)

#DE7790
(222,119,144)

#C86C82
(200,108,130)

#B26174
(178,97,116)

#9C5666
(156,86,102)

#864B58
(134,75,88)

#70404A
(112,64,74)

#5A353C
(90,53,60)

#442A2E
(68,42,46)

#2E1F20
(46,31,32)

#181412
(24,20,18)

#000000
(0,0,0)

Tints of #F4829E

#F4829E
(244,130,158)

#F58DA6
(245,141,166)

#F698AE
(246,152,174)

#F7A3B6
(247,163,182)

#F8AEBE
(248,174,190)

#F9B9C6
(249,185,198)

#FAC4CE
(250,196,206)

#FBCFD6
(251,207,214)

#FCDADE
(252,218,222)

#FDE5E6
(253,229,230)

#FEF0EE
(254,240,238)

#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #F4829E; }

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

This text font color is #F4829E.

Background Color

.myBgColor { background-color: #F4829E; }

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

This div background color is #F4829E.

Border color

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

This div border color is #F4829E.

Opacity

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

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

This text has shadow with #F4829E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F4829E.