COLOR #FCF2B9

HEX: #FCF2B9
RGB: (252,242,185)

Color info

#FCF2B9 contains mainly red and green colors. Web safe color of #FCF2B9 is #FFFFCC (or #FFC).

RGB color model

#FCF2B9 color RGB value is (252,242,185).

  • red value is 252;
  • green value is 242;
  • blue value is 185.
RGB:
(252,242,185)
(99%,95%,73%)

RGB channels and saturation

R 252 of 255 = 99%
G 242 of 255 = 95%
B 185 of 255 = 73%

252
242
185

R + G + B ~ 89%. #FCF2B9 is light color.

Portions of RGB colors in percentages

R + G + B =
252 + 242 + 185 = 679 (100%)
R 252 of 679 ~ 37.11%
G 242 of 679 ~ 35.64%
B 185 of 679 ~ 27.25%

%37.11
%35.64
%27.25

CMYK color model

#FCF2B9 color CMYK value is (0,4,27,1).

  • cyan value is 0.00%
  • magenta value is 3.97%
  • yellow value is 26.59%
  • key color value is 1.18%
CMYK:
(0,4,27,1)
C0M4Y27K1 
(0%,4%,27%,1%)
(0.00/0.04/0.27/0.01)	

CMYK percentages

%0
%3.97
%26.59
%1.18

Codes

Color #FCF2B9 in popluar color models

FCF2B9
RGB252242185
HSL51°91.78%85.69%
HSB/HSV51°26.59%98.82%
CMYK0.00%3.97%26.59%
1.18%

Color #FCF2B9 in popluar number systems.

HEXFCF2B9
Decimal252242185
Binary111111001111001010111001
Octal374362271

Shades and tints

Shades of #FCF2B9

#FCF2B9
(252,242,185)
#E6DCA9
(230,220,169)
#D0C699
(208,198,153)
#BAB089
(186,176,137)
#A49A79
(164,154,121)
#8E8469
(142,132,105)
#786E59
(120,110,89)
#625849
(98,88,73)
#4C4239
(76,66,57)
#362C29
(54,44,41)
#201619
(32,22,25)
#000000
(0,0,0)

Tints of #FCF2B9

#FCF2B9
(252,242,185)
#FCF3BF
(252,243,191)
#FCF4C5
(252,244,197)
#FCF5CB
(252,245,203)
#FCF6D1
(252,246,209)
#FCF7D7
(252,247,215)
#FCF8DD
(252,248,221)
#FCF9E3
(252,249,227)
#FCFAE9
(252,250,233)
#FCFBEF
(252,251,239)
#FCFCF5
(252,252,245)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FCF2B9 color. Also use rgb(252,242,185) instead hex code.

Text Font Color

.myTextColor { color: #FCF2B9; }

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

This text font color is #FCF2B9.


Background Color

.myBgColor { background-color: #FCF2B9; }

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

This div background color is #FCF2B9.


Border color

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

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

This div border color is #FCF2B9.


Opacity

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

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

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

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

This text has shadow with #FCF2B9 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FCF2B9 on black background.


Color preview on white background

This text has color #FCF2B9 on white background.



Black color preview on #FCF2B9 background

This text has black color on #FCF2B9 background.


White color preview on #FCF2B9 background

This text has white color on #FCF2B9 background.