Color #FBB1D6

Color info

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

RGB color model

#FBB1D6 color RGB value is (251,177,214).

red value is 251;
green value is 177;
blue value is 214.

RGB:
(251,177,214)
(98%,69%,84%)

RGB channels and saturation

R 251 of 255 = 98%
G 177 of 255 = 69%
B 214 of 255 = 84%

251

177

214

R + G + B ~ 84%. #FBB1D6 is quite light color.

Portions of RGB colors in percentages

R + G + B =
251 + 177 + 214 = 642 (100%)
R 251 of 642 ~ 39.1%
G 177 of 642 ~ 27.57%
B 214 of 642 ~ 33.33%

%39.1

%27.57

%33.33

CMYK color model

#FBB1D6 color CMYK value is (0,29,15,2).

cyan value is 0.00%
magenta value is 29.48%
yellow value is 14.74%
key color value is 1.57%

CMYK:
(0,29,15,2)
C0M29Y15K2 
(0%,29%,15%,2%)
(0.00/0.29/0.15/0.02)

CMYK percentages

%29.48

%14.74

%1.57

Codes

Color #FBB1D6 in popluar color models

	FB	B1	D6
RGB	251	177	214
HSL	330°	90.24%	83.92%
HSB/HSV	330°	29.48%	98.43%
CMYK	0.00%	29.48%	14.74%
CMYK	1.57%

Color #FBB1D6 in popluar number systems.

HEX	FB	B1	D6
Decimal	251	177	214
Binary	11111011	10110001	11010110
Octal	373	261	326

Shades and tints

Shades of #FBB1D6

#FBB1D6
(251,177,214)

#E5A1C3
(229,161,195)

#CF91B0
(207,145,176)

#B9819D
(185,129,157)

#A3718A
(163,113,138)

#8D6177
(141,97,119)

#775164
(119,81,100)

#614151
(97,65,81)

#4B313E
(75,49,62)

#35212B
(53,33,43)

#1F1118
(31,17,24)

#000000
(0,0,0)

Tints of #FBB1D6

#FBB1D6
(251,177,214)

#FBB8D9
(251,184,217)

#FBBFDC
(251,191,220)

#FBC6DF
(251,198,223)

#FBCDE2
(251,205,226)

#FBD4E5
(251,212,229)

#FBDBE8
(251,219,232)

#FBE2EB
(251,226,235)

#FBE9EE
(251,233,238)

#FBF0F1
(251,240,241)

#FBF7F4
(251,247,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FBB1D6 color. Also use rgb(251,177,214) instead hex code.

Text Font Color

.myTextColor { color: #FBB1D6; }

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

This text font color is #FBB1D6.

Background Color

.myBgColor { background-color: #FBB1D6; }

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

This div background color is #FBB1D6.

Border color

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

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

This div border color is #FBB1D6.

Opacity

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

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

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

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

This text has shadow with #FBB1D6 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #FBB1D6.

Preview

Color preview on black background

This text has color #FBB1D6 on black background.

Color preview on white background

This text has color #FBB1D6 on white background.

Black color preview on #FBB1D6 background

This text has black color on #FBB1D6 background.

White color preview on #FBB1D6 background

This text has white color on #FBB1D6 background.