Color #EE82EE

HEX: #EE82EE
RGB: (238,130,238)

Views — 762
Like — 1

Color info

Color name is Violet. #EE82EE contains mainly red and blue colors. Web safe color of #EE82EE is #FF99FF (or #F9F).


RGB color model

#EE82EE color RGB value is (238,130,238).

  • red value is 238;
  • green value is 130;
  • blue value is 238.
RGB:
(238,130,238)
(93%,51%,93%)

RGB channels and saturation

R 238 of 255 = 93%
G 130 of 255 = 51%
B 238 of 255 = 93%

238
130
238

R + G + B ~ 79%. #EE82EE is quite light color.

Portions of RGB colors in percentages

R + G + B =
238 + 130 + 238 = 606 (100%)

R 238 of 606 ~ 39.27%
G 130 of 606 ~ 21.45%
B 238 of 606 ~ 39.27%

%39.27
%21.45
%39.27

CMYK color model

#EE82EE color CMYK value is (0,45,0,7).

  • cyan value is 0.00%
  • magenta value is 45.38%
  • yellow value is 0.00%
  • key color value is 6.67%
CMYK:
(0,45,0,7)
C0M45Y0K7 
(0%,45%,0%,7%)
(0.00/0.45/0.00/0.07)	

CMYK percentages

%0
%45.38
%0
%6.67

Codes

Color #EE82EE in popluar color models

EE82EE
RGB238130238
HSL300°76.06%72.16%
HSB/HSV300°45.38%93.33%
CMYK0.00%45.38%0.00%
6.67%

Color #EE82EE in popluar number systems.

HEXEE82EE
Decimal238130238
Binary111011101000001011101110
Octal356202356

Shades and tints

Shades of #EE82EE

#EE82EE
(238,130,238)
#D977D9
(217,119,217)
#C46CC4
(196,108,196)
#AF61AF
(175,97,175)
#9A569A
(154,86,154)
#854B85
(133,75,133)
#704070
(112,64,112)
#5B355B
(91,53,91)
#462A46
(70,42,70)
#311F31
(49,31,49)
#1C141C
(28,20,28)
#000000
(0,0,0)

Tints of #EE82EE

#EE82EE
(238,130,238)
#EF8DEF
(239,141,239)
#F098F0
(240,152,240)
#F1A3F1
(241,163,241)
#F2AEF2
(242,174,242)
#F3B9F3
(243,185,243)
#F4C4F4
(244,196,244)
#F5CFF5
(245,207,245)
#F6DAF6
(246,218,246)
#F7E5F7
(247,229,247)
#F8F0F8
(248,240,248)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EE82EE color. Also use rgb(238,130,238) instead hex code.

Text Font Color

.myTextColor { color: #EE82EE; }

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

This text font color is #EE82EE.


Background Color

.myBgColor { background-color: #EE82EE; }

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

This div background color is #EE82EE.


Border color

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

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

This div border color is #EE82EE.


Opacity

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

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

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

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

This text has shadow with #EE82EE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EE82EE on black background.


Color preview on white background

This text has color #EE82EE on white background.



Black color preview on #EE82EE background

This text has black color on #EE82EE background.


White color preview on #EE82EE background

This text has white color on #EE82EE background.