Color #F77DD5

Color info

#F77DD5 contains mainly red and blue colors. Web safe color of #F77DD5 is #FF66CC (or #F6C).

RGB color model

#F77DD5 color RGB value is (247,125,213).

red value is 247;
green value is 125;
blue value is 213.

RGB: (247,125,213) (97%, 49%, 84%)

RGB channels and saturation

R 247 of 255 = 97%
G 125 of 255 = 49%
B 213 of 255 = 84%

247

125

213

R + G + B ~ 77%. #F77DD5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 247 + 125 + 213 = 585 (100%)
R 247 of 585 ~ 42.22%
G 125 of 585 ~ 21.37%
B 213 of 585 ~ 36.41'%

%42.22

%21.37

%36.41

CMYK color model

#F77DD5 color CMYK value is (0,49,14,3).

cyan value is 0.00%
magenta value is 49.39%
yellow value is 13.77%
key color value is 3.14%

CMYK: (0,49,14,3)
C0M49Y14K3 (0%, 49%, 14%, 3%)
(0.00 / 0.49 / 0.14 / 0.03)

CMYK percentages

%0

%49.39

%13.77

%3.14

Codes

Color #F77DD5 in popluar color models

	F7	7D	D5
RGB	247	125	213
HSL	317°	88.41%	72.94%
HSB/HSV	317°	49.39%	96.86%
CMYK	0.00%	49.39%	13.77%
CMYK	3.14%

Color #F77DD5 in popluar number systems.

HEX	F7	7D	D5
Decimal	247	125	213
Binary	11110111	1111101	11010101
Octal	367	175	325

Shades and tints

Shades of #F77DD5

#F77DD5
(247,125,213)

#E172C2
(225,114,194)

#CB67AF
(203,103,175)

#B55C9C
(181,92,156)

#9F5189
(159,81,137)

#894676
(137,70,118)

#733B63
(115,59,99)

#5D3050
(93,48,80)

#47253D
(71,37,61)

#311A2A
(49,26,42)

#1B0F17
(27,15,23)

#000000
(0,0,0)

Tints of #F77DD5

#F77DD5
(247,125,213)

#F788D8
(247,136,216)

#F793DB
(247,147,219)

#F79EDE
(247,158,222)

#F7A9E1
(247,169,225)

#F7B4E4
(247,180,228)

#F7BFE7
(247,191,231)

#F7CAEA
(247,202,234)

#F7D5ED
(247,213,237)

#F7E0F0
(247,224,240)

#F7EBF3
(247,235,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F77DD5 color. Also use rgb(247,125,213) instead hex code.

Text Font Color

.myTextColor { color: #F77DD5; }

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

This text font color is #F77DD5.

Background Color

.myBgColor { background-color: #F77DD5; }

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

This div background color is #F77DD5.

Border color

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

This div border color is #F77DD5.

Opacity

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

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

This text has shadow with #F77DD5 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F77DD5.