Color #FEABCA

Color info

#FEABCA contains mainly red and blue colors. Web safe color of #FEABCA is #FF99CC (or #F9C).

RGB color model

#FEABCA color RGB value is (254,171,202).

red value is 254;
green value is 171;
blue value is 202.

RGB:
(254,171,202)
(100%,67%,79%)

RGB channels and saturation

R 254 of 255 = 100%
G 171 of 255 = 67%
B 202 of 255 = 79%

254

171

202

R + G + B ~ 82%. #FEABCA is quite light color.

Portions of RGB colors in percentages

R + G + B =
254 + 171 + 202 = 627 (100%)
R 254 of 627 ~ 40.51%
G 171 of 627 ~ 27.27%
B 202 of 627 ~ 32.22%

%40.51

%27.27

%32.22

CMYK color model

#FEABCA color CMYK value is (0,33,20,0).

cyan value is 0.00%
magenta value is 32.68%
yellow value is 20.47%
key color value is 0.39%

CMYK:
(0,33,20,0)
C0M33Y20K0 
(0%,33%,20%,0%)
(0.00/0.33/0.20/0.00)

CMYK percentages

%32.68

%20.47

%0.39

Codes

Color #FEABCA in popluar color models

	FE	AB	CA
RGB	254	171	202
HSL	338°	97.65%	83.33%
HSB/HSV	338°	32.68%	99.61%
CMYK	0.00%	32.68%	20.47%
CMYK	0.39%

Color #FEABCA in popluar number systems.

HEX	FE	AB	CA
Decimal	254	171	202
Binary	11111110	10101011	11001010
Octal	376	253	312

Shades and tints

Shades of #FEABCA

#FEABCA
(254,171,202)

#E79CB8
(231,156,184)

#D08DA6
(208,141,166)

#B97E94
(185,126,148)

#A26F82
(162,111,130)

#8B6070
(139,96,112)

#74515E
(116,81,94)

#5D424C
(93,66,76)

#46333A
(70,51,58)

#2F2428
(47,36,40)

#181516
(24,21,22)

#000000
(0,0,0)

Tints of #FEABCA

#FEABCA
(254,171,202)

#FEB2CE
(254,178,206)

#FEB9D2
(254,185,210)

#FEC0D6
(254,192,214)

#FEC7DA
(254,199,218)

#FECEDE
(254,206,222)

#FED5E2
(254,213,226)

#FEDCE6
(254,220,230)

#FEE3EA
(254,227,234)

#FEEAEE
(254,234,238)

#FEF1F2
(254,241,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FEABCA color. Also use rgb(254,171,202) instead hex code.

Text Font Color

.myTextColor { color: #FEABCA; }

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

This text font color is #FEABCA.

Background Color

.myBgColor { background-color: #FEABCA; }

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

This div background color is #FEABCA.

Border color

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

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

This div border color is #FEABCA.

Opacity

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

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

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

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

This text has shadow with #FEABCA color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #FEABCA.

Preview

Color preview on black background

This text has color #FEABCA on black background.

Color preview on white background

This text has color #FEABCA on white background.

Black color preview on #FEABCA background

This text has black color on #FEABCA background.

White color preview on #FEABCA background

This text has white color on #FEABCA background.