Color #EA5A34

Color info

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

RGB color model

#EA5A34 color RGB value is (234,90,52).

red value is 234;
green value is 90;
blue value is 52.

RGB:
(234,90,52)
(92%,35%,20%)

RGB channels and saturation

R 234 of 255 = 92%
G 90 of 255 = 35%
B 52 of 255 = 20%

234

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

Portions of RGB colors in percentages

R + G + B =
234 + 90 + 52 = 376 (100%)
R 234 of 376 ~ 62.23%
G 90 of 376 ~ 23.94%
B 52 of 376 ~ 13.83%

%62.23

%23.94

%13.83

CMYK color model

#EA5A34 color CMYK value is (0,62,78,8).

cyan value is 0.00%
magenta value is 61.54%
yellow value is 77.78%
key color value is 8.24%

CMYK:
(0,62,78,8)
C0M62Y78K8 
(0%,62%,78%,8%)
(0.00/0.62/0.78/0.08)

CMYK percentages

%61.54

%77.78

%8.24

Codes

Color #EA5A34 in popluar color models

	EA	5A	34
RGB	234	90	52
HSL	13°	81.25%	56.08%
HSB/HSV	13°	77.78%	91.76%
CMYK	0.00%	61.54%	77.78%
CMYK	8.24%

Color #EA5A34 in popluar number systems.

HEX	EA	5A	34
Decimal	234	90	52
Binary	11101010	1011010	110100
Octal	352	132	64

Shades and tints

Shades of #EA5A34

#EA5A34
(234,90,52)

#D55230
(213,82,48)

#C04A2C
(192,74,44)

#AB4228
(171,66,40)

#963A24
(150,58,36)

#813220
(129,50,32)

#6C2A1C
(108,42,28)

#572218
(87,34,24)

#421A14
(66,26,20)

#2D1210
(45,18,16)

#180A0C
(24,10,12)

#000000
(0,0,0)

Tints of #EA5A34

#EA5A34
(234,90,52)

#EB6946
(235,105,70)

#EC7858
(236,120,88)

#ED876A
(237,135,106)

#EE967C
(238,150,124)

#EFA58E
(239,165,142)

#F0B4A0
(240,180,160)

#F1C3B2
(241,195,178)

#F2D2C4
(242,210,196)

#F3E1D6
(243,225,214)

#F4F0E8
(244,240,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EA5A34 color. Also use rgb(234,90,52) instead hex code.

Text Font Color

.myTextColor { color: #EA5A34; }

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

This text font color is #EA5A34.

Background Color

.myBgColor { background-color: #EA5A34; }

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

This div background color is #EA5A34.

Border color

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

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

This div border color is #EA5A34.

Opacity

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

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

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

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

This text has shadow with #EA5A34 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EA5A34.

Preview

Color preview on black background

This text has color #EA5A34 on black background.

Color preview on white background

This text has color #EA5A34 on white background.

Black color preview on #EA5A34 background

This text has black color on #EA5A34 background.

White color preview on #EA5A34 background

This text has white color on #EA5A34 background.