Color #F58EBA

Color info

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

RGB color model

#F58EBA color RGB value is (245,142,186).

red value is 245;
green value is 142;
blue value is 186.

RGB: (245,142,186) (96%, 56%, 73%)

RGB channels and saturation

R 245 of 255 = 96%
G 142 of 255 = 56%
B 186 of 255 = 73%

245

142

186

R + G + B ~ 75%. #F58EBA is quite light color.

Portions of RGB colors in percentages

R + G + B = 245 + 142 + 186 = 573 (100%)
R 245 of 573 ~ 42.76%
G 142 of 573 ~ 24.78%
B 186 of 573 ~ 32.46'%

%42.76

%24.78

%32.46

CMYK color model

#F58EBA color CMYK value is (0,42,24,4).

cyan value is 0.00%
magenta value is 42.04%
yellow value is 24.08%
key color value is 3.92%

CMYK: (0,42,24,4)
C0M42Y24K4 (0%, 42%, 24%, 4%)
(0.00 / 0.42 / 0.24 / 0.04)

CMYK percentages

%0

%42.04

%24.08

%3.92

Codes

Color #F58EBA in popluar color models

	F5	8E	BA
RGB	245	142	186
HSL	334°	83.74%	75.88%
HSB/HSV	334°	42.04%	96.08%
CMYK	0.00%	42.04%	24.08%
CMYK	3.92%

Color #F58EBA in popluar number systems.

HEX	F5	8E	BA
Decimal	245	142	186
Binary	11110101	10001110	10111010
Octal	365	216	272

Shades and tints

Shades of #F58EBA

#F58EBA
(245,142,186)

#DF82AA
(223,130,170)

#C9769A
(201,118,154)

#B36A8A
(179,106,138)

#9D5E7A
(157,94,122)

#87526A
(135,82,106)

#71465A
(113,70,90)

#5B3A4A
(91,58,74)

#452E3A
(69,46,58)

#2F222A
(47,34,42)

#19161A
(25,22,26)

#000000
(0,0,0)

Tints of #F58EBA

#F58EBA
(245,142,186)

#F598C0
(245,152,192)

#F5A2C6
(245,162,198)

#F5ACCC
(245,172,204)

#F5B6D2
(245,182,210)

#F5C0D8
(245,192,216)

#F5CADE
(245,202,222)

#F5D4E4
(245,212,228)

#F5DEEA
(245,222,234)

#F5E8F0
(245,232,240)

#F5F2F6
(245,242,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F58EBA color. Also use rgb(245,142,186) instead hex code.

Text Font Color

.myTextColor { color: #F58EBA; }

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

This text font color is #F58EBA.

Background Color

.myBgColor { background-color: #F58EBA; }

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

This div background color is #F58EBA.

Border color

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

This div border color is #F58EBA.

Opacity

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

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

This text has shadow with #F58EBA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F58EBA.