Color #E14B43

Color info

#E14B43 contains mainly red color. Web safe color of #E14B43 is #CC3333 (or #C33).

RGB color model

#E14B43 color RGB value is (225,75,67).

red value is 225;
green value is 75;
blue value is 67.

RGB:
(225,75,67)
(88%,29%,26%)

RGB channels and saturation

R 225 of 255 = 88%
G 75 of 255 = 29%
B 67 of 255 = 26%

225

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

Portions of RGB colors in percentages

R + G + B =
225 + 75 + 67 = 367 (100%)
R 225 of 367 ~ 61.31%
G 75 of 367 ~ 20.44%
B 67 of 367 ~ 18.26%

%61.31

%20.44

%18.26

CMYK color model

#E14B43 color CMYK value is (0,67,70,12).

cyan value is 0.00%
magenta value is 66.67%
yellow value is 70.22%
key color value is 11.76%

CMYK:
(0,67,70,12)
C0M67Y70K12 
(0%,67%,70%,12%)
(0.00/0.67/0.70/0.12)

CMYK percentages

%66.67

%70.22

%11.76

Codes

Color #E14B43 in popluar color models

	E1	4B	43
RGB	225	75	67
HSL	3°	72.48%	57.25%
HSB/HSV	3°	70.22%	88.24%
CMYK	0.00%	66.67%	70.22%
CMYK	11.76%

Color #E14B43 in popluar number systems.

HEX	E1	4B	43
Decimal	225	75	67
Binary	11100001	1001011	1000011
Octal	341	113	103

Shades and tints

Shades of #E14B43

#E14B43
(225,75,67)

#CD453D
(205,69,61)

#B93F37
(185,63,55)

#A53931
(165,57,49)

#91332B
(145,51,43)

#7D2D25
(125,45,37)

#69271F
(105,39,31)

#552119
(85,33,25)

#411B13
(65,27,19)

#2D150D
(45,21,13)

#190F07
(25,15,7)

#000000
(0,0,0)

Tints of #E14B43

#E14B43
(225,75,67)

#E35B54
(227,91,84)

#E56B65
(229,107,101)

#E77B76
(231,123,118)

#E98B87
(233,139,135)

#EB9B98
(235,155,152)

#EDABA9
(237,171,169)

#EFBBBA
(239,187,186)

#F1CBCB
(241,203,203)

#F3DBDC
(243,219,220)

#F5EBED
(245,235,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E14B43 color. Also use rgb(225,75,67) instead hex code.

Text Font Color

.myTextColor { color: #E14B43; }

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

This text font color is #E14B43.

Background Color

.myBgColor { background-color: #E14B43; }

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

This div background color is #E14B43.

Border color

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

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

This div border color is #E14B43.

Opacity

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

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

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

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

This text has shadow with #E14B43 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E14B43.

Preview

Color preview on black background

This text has color #E14B43 on black background.

Color preview on white background

This text has color #E14B43 on white background.

Black color preview on #E14B43 background

This text has black color on #E14B43 background.

White color preview on #E14B43 background

This text has white color on #E14B43 background.