Color #E86A55

Color info

#E86A55 contains mainly red color. Web safe color of #E86A55 is #FF6666 (or #F66).

RGB color model

#E86A55 color RGB value is (232,106,85).

red value is 232;
green value is 106;
blue value is 85.

RGB: (232,106,85) (91%, 42%, 33%)

RGB channels and saturation

R 232 of 255 = 91%
G 106 of 255 = 42%
B 85 of 255 = 33%

232

106

85

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

Portions of RGB colors in percentages

R + G + B = 232 + 106 + 85 = 423 (100%)
R 232 of 423 ~ 54.85%
G 106 of 423 ~ 25.06%
B 85 of 423 ~ 20.09'%

%54.85

%25.06

%20.09

CMYK color model

#E86A55 color CMYK value is (0,54,63,9).

cyan value is 0.00%
magenta value is 54.31%
yellow value is 63.36%
key color value is 9.02%

CMYK: (0,54,63,9)
C0M54Y63K9 (0%, 54%, 63%, 9%)
(0.00 / 0.54 / 0.63 / 0.09)

CMYK percentages

%0

%54.31

%63.36

%9.02

Codes

Color #E86A55 in popluar color models

	E8	6A	55
RGB	232	106	85
HSL	9°	76.17%	62.16%
HSB/HSV	9°	63.36%	90.98%
CMYK	0.00%	54.31%	63.36%
CMYK	9.02%

Color #E86A55 in popluar number systems.

HEX	E8	6A	55
Decimal	232	106	85
Binary	11101000	1101010	1010101
Octal	350	152	125

Shades and tints

Shades of #E86A55

#E86A55
(232,106,85)

#D3614E
(211,97,78)

#BE5847
(190,88,71)

#A94F40
(169,79,64)

#944639
(148,70,57)

#7F3D32
(127,61,50)

#6A342B
(106,52,43)

#552B24
(85,43,36)

#40221D
(64,34,29)

#2B1916
(43,25,22)

#16100F
(22,16,15)

#000000
(0,0,0)

Tints of #E86A55

#E86A55
(232,106,85)

#EA7764
(234,119,100)

#EC8473
(236,132,115)

#EE9182
(238,145,130)

#F09E91
(240,158,145)

#F2ABA0
(242,171,160)

#F4B8AF
(244,184,175)

#F6C5BE
(246,197,190)

#F8D2CD
(248,210,205)

#FADFDC
(250,223,220)

#FCECEB
(252,236,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E86A55 color. Also use rgb(232,106,85) instead hex code.

Text Font Color

.myTextColor { color: #E86A55; }

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

This text font color is #E86A55.

Background Color

.myBgColor { background-color: #E86A55; }

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

This div background color is #E86A55.

Border color

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

This div border color is #E86A55.

Opacity

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

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

This text has shadow with #E86A55 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #E86A55.