COLOR #E37382

HEX: #E37382
RGB: (227,115,130)

Color info

#E37382 contains mainly red color. Web safe color of #E37382 is #CC6699 (or #C69).

RGB color model

#E37382 color RGB value is (227,115,130).

  • red value is 227;
  • green value is 115;
  • blue value is 130.
RGB:
(227,115,130)
(89%,45%,51%)

RGB channels and saturation

R 227 of 255 = 89%
G 115 of 255 = 45%
B 130 of 255 = 51%

227
115
130

R + G + B ~ 62%. #E37382 is quite light color.

Portions of RGB colors in percentages

R + G + B =
227 + 115 + 130 = 472 (100%)
R 227 of 472 ~ 48.09%
G 115 of 472 ~ 24.36%
B 130 of 472 ~ 27.54%

%48.09
%24.36
%27.54

CMYK color model

#E37382 color CMYK value is (0,49,43,11).

  • cyan value is 0.00%
  • magenta value is 49.34%
  • yellow value is 42.73%
  • key color value is 10.98%
CMYK:
(0,49,43,11)
C0M49Y43K11 
(0%,49%,43%,11%)
(0.00/0.49/0.43/0.11)	

CMYK percentages

%0
%49.34
%42.73
%10.98

Codes

Color #E37382 in popluar color models

E37382
RGB227115130
HSL352°66.67%67.06%
HSB/HSV352°49.34%89.02%
CMYK0.00%49.34%42.73%
10.98%

Color #E37382 in popluar number systems.

HEXE37382
Decimal227115130
Binary11100011111001110000010
Octal343163202

Shades and tints

Shades of #E37382

#E37382
(227,115,130)
#CF6977
(207,105,119)
#BB5F6C
(187,95,108)
#A75561
(167,85,97)
#934B56
(147,75,86)
#7F414B
(127,65,75)
#6B3740
(107,55,64)
#572D35
(87,45,53)
#43232A
(67,35,42)
#2F191F
(47,25,31)
#1B0F14
(27,15,20)
#000000
(0,0,0)

Tints of #E37382

#E37382
(227,115,130)
#E57F8D
(229,127,141)
#E78B98
(231,139,152)
#E997A3
(233,151,163)
#EBA3AE
(235,163,174)
#EDAFB9
(237,175,185)
#EFBBC4
(239,187,196)
#F1C7CF
(241,199,207)
#F3D3DA
(243,211,218)
#F5DFE5
(245,223,229)
#F7EBF0
(247,235,240)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #E37382; }

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

This text font color is #E37382.


Background Color

.myBgColor { background-color: #E37382; }

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

This div background color is #E37382.


Border color

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

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

This div border color is #E37382.


Opacity

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

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

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

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

This text has shadow with #E37382 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #E37382 on black background.


Color preview on white background

This text has color #E37382 on white background.



Black color preview on #E37382 background

This text has black color on #E37382 background.


White color preview on #E37382 background

This text has white color on #E37382 background.