Color #E02DBB

Color info

#E02DBB contains mainly red and blue colors. Web safe color of #E02DBB is #CC33CC (or #C3C).

RGB color model

#E02DBB color RGB value is (224,45,187).

red value is 224;
green value is 45;
blue value is 187.

RGB:
(224,45,187)
(88%,18%,73%)

RGB channels and saturation

R 224 of 255 = 88%
G 45 of 255 = 18%
B 187 of 255 = 73%

224

187

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

Portions of RGB colors in percentages

R + G + B =
224 + 45 + 187 = 456 (100%)
R 224 of 456 ~ 49.12%
G 45 of 456 ~ 9.87%
B 187 of 456 ~ 41.01%

%49.12

%9.87

%41.01

CMYK color model

#E02DBB color CMYK value is (0,80,17,12).

cyan value is 0.00%
magenta value is 79.91%
yellow value is 16.52%
key color value is 12.16%

CMYK:
(0,80,17,12)
C0M80Y17K12 
(0%,80%,17%,12%)
(0.00/0.80/0.17/0.12)

CMYK percentages

%79.91

%16.52

%12.16

Codes

Color #E02DBB in popluar color models

	E0	2D	BB
RGB	224	45	187
HSL	312°	74.27%	52.75%
HSB/HSV	312°	79.91%	87.84%
CMYK	0.00%	79.91%	16.52%
CMYK	12.16%

Color #E02DBB in popluar number systems.

HEX	E0	2D	BB
Decimal	224	45	187
Binary	11100000	101101	10111011
Octal	340	55	273

Shades and tints

Shades of #E02DBB

#E02DBB
(224,45,187)

#CC29AA
(204,41,170)

#B82599
(184,37,153)

#A42188
(164,33,136)

#901D77
(144,29,119)

#7C1966
(124,25,102)

#681555
(104,21,85)

#541144
(84,17,68)

#400D33
(64,13,51)

#2C0922
(44,9,34)

#180511
(24,5,17)

#000000
(0,0,0)

Tints of #E02DBB

#E02DBB
(224,45,187)

#E240C1
(226,64,193)

#E453C7
(228,83,199)

#E666CD
(230,102,205)

#E879D3
(232,121,211)

#EA8CD9
(234,140,217)

#EC9FDF
(236,159,223)

#EEB2E5
(238,178,229)

#F0C5EB
(240,197,235)

#F2D8F1
(242,216,241)

#F4EBF7
(244,235,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E02DBB color. Also use rgb(224,45,187) instead hex code.

Text Font Color

.myTextColor { color: #E02DBB; }

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

This text font color is #E02DBB.

Background Color

.myBgColor { background-color: #E02DBB; }

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

This div background color is #E02DBB.

Border color

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

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

This div border color is #E02DBB.

Opacity

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

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

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

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

This text has shadow with #E02DBB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E02DBB.

Preview

Color preview on black background

This text has color #E02DBB on black background.

Color preview on white background

This text has color #E02DBB on white background.

Black color preview on #E02DBB background

This text has black color on #E02DBB background.

White color preview on #E02DBB background

This text has white color on #E02DBB background.