COLOR #FCBDDE

HEX: #FCBDDE
RGB: (252,189,222)

Color info

#FCBDDE contains mainly red and blue colors. Web safe color of #FCBDDE is #FFCCCC (or #FCC).

RGB color model

#FCBDDE color RGB value is (252,189,222).

  • red value is 252;
  • green value is 189;
  • blue value is 222.
RGB:
(252,189,222)
(99%,74%,87%)

RGB channels and saturation

R 252 of 255 = 99%
G 189 of 255 = 74%
B 222 of 255 = 87%

252
189
222

R + G + B ~ 87%. #FCBDDE is light color.

Portions of RGB colors in percentages

R + G + B =
252 + 189 + 222 = 663 (100%)
R 252 of 663 ~ 38.01%
G 189 of 663 ~ 28.51%
B 222 of 663 ~ 33.48%

%38.01
%28.51
%33.48

CMYK color model

#FCBDDE color CMYK value is (0,25,12,1).

  • cyan value is 0.00%
  • magenta value is 25.00%
  • yellow value is 11.90%
  • key color value is 1.18%
CMYK:
(0,25,12,1)
C0M25Y12K1 
(0%,25%,12%,1%)
(0.00/0.25/0.12/0.01)	

CMYK percentages

%0
%25
%11.9
%1.18

Codes

Color #FCBDDE in popluar color models

FCBDDE
RGB252189222
HSL329°91.30%86.47%
HSB/HSV329°25.00%98.82%
CMYK0.00%25.00%11.90%
1.18%

Color #FCBDDE in popluar number systems.

HEXFCBDDE
Decimal252189222
Binary111111001011110111011110
Octal374275336

Shades and tints

Shades of #FCBDDE

#FCBDDE
(252,189,222)
#E6ACCA
(230,172,202)
#D09BB6
(208,155,182)
#BA8AA2
(186,138,162)
#A4798E
(164,121,142)
#8E687A
(142,104,122)
#785766
(120,87,102)
#624652
(98,70,82)
#4C353E
(76,53,62)
#36242A
(54,36,42)
#201316
(32,19,22)
#000000
(0,0,0)

Tints of #FCBDDE

#FCBDDE
(252,189,222)
#FCC3E1
(252,195,225)
#FCC9E4
(252,201,228)
#FCCFE7
(252,207,231)
#FCD5EA
(252,213,234)
#FCDBED
(252,219,237)
#FCE1F0
(252,225,240)
#FCE7F3
(252,231,243)
#FCEDF6
(252,237,246)
#FCF3F9
(252,243,249)
#FCF9FC
(252,249,252)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FCBDDE color. Also use rgb(252,189,222) instead hex code.

Text Font Color

.myTextColor { color: #FCBDDE; }

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

This text font color is #FCBDDE.


Background Color

.myBgColor { background-color: #FCBDDE; }

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

This div background color is #FCBDDE.


Border color

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

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

This div border color is #FCBDDE.


Opacity

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

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

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

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

This text has shadow with #FCBDDE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FCBDDE on black background.


Color preview on white background

This text has color #FCBDDE on white background.



Black color preview on #FCBDDE background

This text has black color on #FCBDDE background.


White color preview on #FCBDDE background

This text has white color on #FCBDDE background.