Color #F67AA8

Color info

#F67AA8 contains mainly red color. Web safe color of #F67AA8 is #FF6699 (or #F69).

RGB color model

#F67AA8 color RGB value is (246,122,168).

red value is 246;
green value is 122;
blue value is 168.

RGB: (246,122,168) (96%, 48%, 66%)

RGB channels and saturation

R 246 of 255 = 96%
G 122 of 255 = 48%
B 168 of 255 = 66%

246

122

168

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

Portions of RGB colors in percentages

R + G + B = 246 + 122 + 168 = 536 (100%)
R 246 of 536 ~ 45.9%
G 122 of 536 ~ 22.76%
B 168 of 536 ~ 31.34'%

%45.9

%22.76

%31.34

CMYK color model

#F67AA8 color CMYK value is (0,50,32,4).

cyan value is 0.00%
magenta value is 50.41%
yellow value is 31.71%
key color value is 3.53%

CMYK: (0,50,32,4)
C0M50Y32K4 (0%, 50%, 32%, 4%)
(0.00 / 0.50 / 0.32 / 0.04)

CMYK percentages

%0

%50.41

%31.71

%3.53

Codes

Color #F67AA8 in popluar color models

	F6	7A	A8
RGB	246	122	168
HSL	338°	87.32%	72.16%
HSB/HSV	338°	50.41%	96.47%
CMYK	0.00%	50.41%	31.71%
CMYK	3.53%

Color #F67AA8 in popluar number systems.

HEX	F6	7A	A8
Decimal	246	122	168
Binary	11110110	1111010	10101000
Octal	366	172	250

Shades and tints

Shades of #F67AA8

#F67AA8
(246,122,168)

#E06F99
(224,111,153)

#CA648A
(202,100,138)

#B4597B
(180,89,123)

#9E4E6C
(158,78,108)

#88435D
(136,67,93)

#72384E
(114,56,78)

#5C2D3F
(92,45,63)

#462230
(70,34,48)

#301721
(48,23,33)

#1A0C12
(26,12,18)

#000000
(0,0,0)

Tints of #F67AA8

#F67AA8
(246,122,168)

#F686AF
(246,134,175)

#F692B6
(246,146,182)

#F69EBD
(246,158,189)

#F6AAC4
(246,170,196)

#F6B6CB
(246,182,203)

#F6C2D2
(246,194,210)

#F6CED9
(246,206,217)

#F6DAE0
(246,218,224)

#F6E6E7
(246,230,231)

#F6F2EE
(246,242,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F67AA8 color. Also use rgb(246,122,168) instead hex code.

Text Font Color

.myTextColor { color: #F67AA8; }

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

This text font color is #F67AA8.

Background Color

.myBgColor { background-color: #F67AA8; }

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

This div background color is #F67AA8.

Border color

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

This div border color is #F67AA8.

Opacity

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

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

This text has shadow with #F67AA8 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F67AA8.