COLOR #E681C2

HEX: #E681C2
RGB: (230,129,194)

Color info

#E681C2 contains mainly red and blue colors. Web safe color of #E681C2 is #CC99CC (or #C9C).

RGB color model

#E681C2 color RGB value is (230,129,194).

  • red value is 230;
  • green value is 129;
  • blue value is 194.
RGB:
(230,129,194)
(90%,51%,76%)

RGB channels and saturation

R 230 of 255 = 90%
G 129 of 255 = 51%
B 194 of 255 = 76%

230
129
194

R + G + B ~ 72%. #E681C2 is quite light color.

Portions of RGB colors in percentages

R + G + B =
230 + 129 + 194 = 553 (100%)
R 230 of 553 ~ 41.59%
G 129 of 553 ~ 23.33%
B 194 of 553 ~ 35.08%

%41.59
%23.33
%35.08

CMYK color model

#E681C2 color CMYK value is (0,44,16,10).

  • cyan value is 0.00%
  • magenta value is 43.91%
  • yellow value is 15.65%
  • key color value is 9.80%
CMYK:
(0,44,16,10)
C0M44Y16K10 
(0%,44%,16%,10%)
(0.00/0.44/0.16/0.10)	

CMYK percentages

%0
%43.91
%15.65
%9.8

Codes

Color #E681C2 in popluar color models

E681C2
RGB230129194
HSL321°66.89%70.39%
HSB/HSV321°43.91%90.20%
CMYK0.00%43.91%15.65%
9.80%

Color #E681C2 in popluar number systems.

HEXE681C2
Decimal230129194
Binary111001101000000111000010
Octal346201302

Shades and tints

Shades of #E681C2

#E681C2
(230,129,194)
#D276B1
(210,118,177)
#BE6BA0
(190,107,160)
#AA608F
(170,96,143)
#96557E
(150,85,126)
#824A6D
(130,74,109)
#6E3F5C
(110,63,92)
#5A344B
(90,52,75)
#46293A
(70,41,58)
#321E29
(50,30,41)
#1E1318
(30,19,24)
#000000
(0,0,0)

Tints of #E681C2

#E681C2
(230,129,194)
#E88CC7
(232,140,199)
#EA97CC
(234,151,204)
#ECA2D1
(236,162,209)
#EEADD6
(238,173,214)
#F0B8DB
(240,184,219)
#F2C3E0
(242,195,224)
#F4CEE5
(244,206,229)
#F6D9EA
(246,217,234)
#F8E4EF
(248,228,239)
#FAEFF4
(250,239,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E681C2 color. Also use rgb(230,129,194) instead hex code.

Text Font Color

.myTextColor { color: #E681C2; }

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

This text font color is #E681C2.


Background Color

.myBgColor { background-color: #E681C2; }

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

This div background color is #E681C2.


Border color

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

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

This div border color is #E681C2.


Opacity

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

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

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

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

This text has shadow with #E681C2 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #E681C2 on black background.


Color preview on white background

This text has color #E681C2 on white background.



Black color preview on #E681C2 background

This text has black color on #E681C2 background.


White color preview on #E681C2 background

This text has white color on #E681C2 background.