Color #e75048

HEX: #e75048
RGB: (231,80,72)

Views — 0
Like — 0

Color info

#e75048 contains mainly red color. Web safe color of #e75048 is #FF6633 (or #F63).


RGB color model

#e75048 color RGB value is (231,80,72).

  • red value is 231;
  • green value is 80;
  • blue value is 72.
RGB:
(231,80,72)
(91%,31%,28%)

RGB channels and saturation

R 231 of 255 = 91%
G 80 of 255 = 31%
B 72 of 255 = 28%

231
80
72

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

Portions of RGB colors in percentages

R + G + B =
231 + 80 + 72 = 383 (100%)

R 231 of 383 ~ 60.31%
G 80 of 383 ~ 20.89%
B 72 of 383 ~ 18.8%

%60.31
%20.89
%18.8

CMYK color model

#e75048 color CMYK value is (0,65,69,9).

  • cyan value is 0.00%
  • magenta value is 65.37%
  • yellow value is 68.83%
  • key color value is 9.41%
CMYK:
(0,65,69,9)
C0M65Y69K9 
(0%,65%,69%,9%)
(0.00/0.65/0.69/0.09)	

CMYK percentages

%0
%65.37
%68.83
%9.41

Codes

Color #e75048 in popluar color models

e75048
RGB2318072
HSL76.81%59.41%
HSB/HSV68.83%90.59%
CMYK0.00%65.37%68.83%
9.41%

Color #e75048 in popluar number systems.

HEXe75048
Decimal2318072
Binary1110011110100001001000
Octal347120110

Shades and tints

Shades of #e75048

#E75048
(231,80,72)
#D24942
(210,73,66)
#BD423C
(189,66,60)
#A83B36
(168,59,54)
#933430
(147,52,48)
#7E2D2A
(126,45,42)
#692624
(105,38,36)
#541F1E
(84,31,30)
#3F1818
(63,24,24)
#2A1112
(42,17,18)
#150A0C
(21,10,12)
#000000
(0,0,0)

Tints of #e75048

#E75048
(231,80,72)
#E95F58
(233,95,88)
#EB6E68
(235,110,104)
#ED7D78
(237,125,120)
#EF8C88
(239,140,136)
#F19B98
(241,155,152)
#F3AAA8
(243,170,168)
#F5B9B8
(245,185,184)
#F7C8C8
(247,200,200)
#F9D7D8
(249,215,216)
#FBE6E8
(251,230,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #e75048 color. Also use rgb(231,80,72) instead hex code.

Text Font Color

.myTextColor { color: #e75048; }

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

This text font color is #e75048.


Background Color

.myBgColor { background-color: #e75048; }

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

This div background color is #e75048.


Border color

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

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

This div border color is #e75048.


Opacity

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

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

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

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

This text has shadow with #e75048 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #e75048 on black background.


Color preview on white background

This text has color #e75048 on white background.



Black color preview on #e75048 background

This text has black color on #e75048 background.


White color preview on #e75048 background

This text has white color on #e75048 background.