COLOR #F3B4BC

HEX: #F3B4BC RGB: (243,180,188)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#F3B4BC color RGB value is (243,180,188).

red value is 243;
green value is 180;
blue value is 188.

RGB: (243,180,188) (95%, 71%, 74%)

RGB channels and saturation

R 243 of 255 = 95%
G 180 of 255 = 71%
B 188 of 255 = 74%

243

180

188

R + G + B ~ 80%. #F3B4BC is quite light color.

Portions of RGB colors in percentages

R + G + B = 243 + 180 + 188 = 611 (100%)
R 243 of 611 ~ 39.77%
G 180 of 611 ~ 29.46%
B 188 of 611 ~ 30.77'%

%39.77

%29.46

%30.77

CMYK color model

#F3B4BC color CMYK value is (0,26,23,5).

cyan value is 0.00%
magenta value is 25.93%
yellow value is 22.63%
key color value is 4.71%

CMYK: (0,26,23,5) C0M26Y23K5 (0%,26%,23%,5%) (0.00/0.26/0.23/0.05)

CMYK percentages

%25.93

%22.63

%4.71

Codes

Color #F3B4BC in popluar color models

	F3	B4	BC
RGB	243	180	188
HSL	352°	72.41%	82.94%
HSB/HSV	352°	25.93%	95.29%
CMYK	0.00%	25.93%	22.63%
CMYK	4.71%

Color #F3B4BC in popluar number systems.

HEX	F3	B4	BC
Decimal	243	180	188
Binary	11110011	10110100	10111100
Octal	363	264	274

Shades and tints

Shades of #F3B4BC

#F3B4BC
(243,180,188)

#DDA4AB
(221,164,171)

#C7949A
(199,148,154)

#B18489
(177,132,137)

#9B7478
(155,116,120)

#856467
(133,100,103)

#6F5456
(111,84,86)

#594445
(89,68,69)

#433434
(67,52,52)

#2D2423
(45,36,35)

#171412
(23,20,18)

#000000
(0,0,0)

Tints of #F3B4BC

#F3B4BC
(243,180,188)

#F4BAC2
(244,186,194)

#F5C0C8
(245,192,200)

#F6C6CE
(246,198,206)

#F7CCD4
(247,204,212)

#F8D2DA
(248,210,218)

#F9D8E0
(249,216,224)

#FADEE6
(250,222,230)

#FBE4EC
(251,228,236)

#FCEAF2
(252,234,242)

#FDF0F8
(253,240,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F3B4BC color. Also use rgb(243,180,188) instead hex code.

Text Font Color

.myTextColor { color: #F3B4BC; }

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

This text font color is #F3B4BC.

Background Color

.myBgColor { background-color: #F3B4BC; }

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

This div background color is #F3B4BC.

Border color

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

This div border color is #F3B4BC.

Opacity

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

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

This text has shadow with #F3B4BC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F3B4BC.