COLOR #F4BEDE

HEX: #F4BEDE RGB: (244,190,222)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#F4BEDE contains red, green and blue colors in about the same proportion. Web safe color of #F4BEDE is #FFCCCC (or #FCC).

RGB color model

#F4BEDE color RGB value is (244,190,222).

red value is 244;
green value is 190;
blue value is 222.

RGB: (244,190,222) (96%, 75%, 87%)

RGB channels and saturation

R 244 of 255 = 96%
G 190 of 255 = 75%
B 222 of 255 = 87%

244

190

222

R + G + B ~ 86%. #F4BEDE is light color.

Portions of RGB colors in percentages

R + G + B = 244 + 190 + 222 = 656 (100%)
R 244 of 656 ~ 37.2%
G 190 of 656 ~ 28.96%
B 222 of 656 ~ 33.84'%

%37.2

%28.96

%33.84

CMYK color model

#F4BEDE color CMYK value is (0,22,9,4).

cyan value is 0.00%
magenta value is 22.13%
yellow value is 9.02%
key color value is 4.31%

CMYK: (0,22,9,4) C0M22Y9K4 (0%,22%,9%,4%) (0.00/0.22/0.09/0.04)

CMYK percentages

%22.13

%9.02

%4.31

Codes

Color #F4BEDE in popluar color models

	F4	BE	DE
RGB	244	190	222
HSL	324°	71.05%	85.10%
HSB/HSV	324°	22.13%	95.69%
CMYK	0.00%	22.13%	9.02%
CMYK	4.31%

Color #F4BEDE in popluar number systems.

HEX	F4	BE	DE
Decimal	244	190	222
Binary	11110100	10111110	11011110
Octal	364	276	336

Shades and tints

Shades of #F4BEDE

#F4BEDE
(244,190,222)

#DEADCA
(222,173,202)

#C89CB6
(200,156,182)

#B28BA2
(178,139,162)

#9C7A8E
(156,122,142)

#86697A
(134,105,122)

#705866
(112,88,102)

#5A4752
(90,71,82)

#44363E
(68,54,62)

#2E252A
(46,37,42)

#181416
(24,20,22)

#000000
(0,0,0)

Tints of #F4BEDE

#F4BEDE
(244,190,222)

#F5C3E1
(245,195,225)

#F6C8E4
(246,200,228)

#F7CDE7
(247,205,231)

#F8D2EA
(248,210,234)

#F9D7ED
(249,215,237)

#FADCF0
(250,220,240)

#FBE1F3
(251,225,243)

#FCE6F6
(252,230,246)

#FDEBF9
(253,235,249)

#FEF0FC
(254,240,252)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F4BEDE color. Also use rgb(244,190,222) instead hex code.

Text Font Color

.myTextColor { color: #F4BEDE; }

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

This text font color is #F4BEDE.

Background Color

.myBgColor { background-color: #F4BEDE; }

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

This div background color is #F4BEDE.

Border color

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

This div border color is #F4BEDE.

Opacity

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

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

This text has shadow with #F4BEDE color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F4BEDE.