Color #EF3099

Color info

#EF3099 contains mainly red color. Web safe color of #EF3099 is #FF3399 (or #F39).

RGB color model

#EF3099 color RGB value is (239,48,153).

red value is 239;
green value is 48;
blue value is 153.

RGB:
(239,48,153)
(94%,19%,60%)

RGB channels and saturation

R 239 of 255 = 94%
G 48 of 255 = 19%
B 153 of 255 = 60%

239

153

R + G + B ~ 58%. #EF3099 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
239 + 48 + 153 = 440 (100%)
R 239 of 440 ~ 54.32%
G 48 of 440 ~ 10.91%
B 153 of 440 ~ 34.77%

%54.32

%10.91

%34.77

CMYK color model

#EF3099 color CMYK value is (0,80,36,6).

cyan value is 0.00%
magenta value is 79.92%
yellow value is 35.98%
key color value is 6.27%

CMYK:
(0,80,36,6)
C0M80Y36K6 
(0%,80%,36%,6%)
(0.00/0.80/0.36/0.06)

CMYK percentages

%79.92

%35.98

%6.27

Codes

Color #EF3099 in popluar color models

	EF	30	99
RGB	239	48	153
HSL	327°	85.65%	56.27%
HSB/HSV	327°	79.92%	93.73%
CMYK	0.00%	79.92%	35.98%
CMYK	6.27%

Color #EF3099 in popluar number systems.

HEX	EF	30	99
Decimal	239	48	153
Binary	11101111	110000	10011001
Octal	357	60	231

Shades and tints

Shades of #EF3099

#EF3099
(239,48,153)

#DA2C8C
(218,44,140)

#C5287F
(197,40,127)

#B02472
(176,36,114)

#9B2065
(155,32,101)

#861C58
(134,28,88)

#71184B
(113,24,75)

#5C143E
(92,20,62)

#471031
(71,16,49)

#320C24
(50,12,36)

#1D0817
(29,8,23)

#000000
(0,0,0)

Tints of #EF3099

#EF3099
(239,48,153)

#F042A2
(240,66,162)

#F154AB
(241,84,171)

#F266B4
(242,102,180)

#F378BD
(243,120,189)

#F48AC6
(244,138,198)

#F59CCF
(245,156,207)

#F6AED8
(246,174,216)

#F7C0E1
(247,192,225)

#F8D2EA
(248,210,234)

#F9E4F3
(249,228,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EF3099 color. Also use rgb(239,48,153) instead hex code.

Text Font Color

.myTextColor { color: #EF3099; }

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

This text font color is #EF3099.

Background Color

.myBgColor { background-color: #EF3099; }

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

This div background color is #EF3099.

Border color

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

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

This div border color is #EF3099.

Opacity

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

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

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

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

This text has shadow with #EF3099 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EF3099.

Preview

Color preview on black background

This text has color #EF3099 on black background.

Color preview on white background

This text has color #EF3099 on white background.

Black color preview on #EF3099 background

This text has black color on #EF3099 background.

White color preview on #EF3099 background

This text has white color on #EF3099 background.