COLOR #EA851B

HEX: #EA851B
RGB: (234,133,27)

Color info

#EA851B contains mainly red color. Web safe color of #EA851B is #FF9933 (or #F93).

RGB color model

#EA851B color RGB value is (234,133,27).

  • red value is 234;
  • green value is 133;
  • blue value is 27.
RGB:
(234,133,27)
(92%,52%,11%)

RGB channels and saturation

R 234 of 255 = 92%
G 133 of 255 = 52%
B 27 of 255 = 11%

234
133
27

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

Portions of RGB colors in percentages

R + G + B =
234 + 133 + 27 = 394 (100%)
R 234 of 394 ~ 59.39%
G 133 of 394 ~ 33.76%
B 27 of 394 ~ 6.85%

%59.39
%33.76

CMYK color model

#EA851B color CMYK value is (0,43,88,8).

  • cyan value is 0.00%
  • magenta value is 43.16%
  • yellow value is 88.46%
  • key color value is 8.24%
CMYK:
(0,43,88,8)
C0M43Y88K8 
(0%,43%,88%,8%)
(0.00/0.43/0.88/0.08)	

CMYK percentages

%0
%43.16
%88.46
%8.24

Codes

Color #EA851B in popluar color models

EA851B
RGB23413327
HSL31°83.13%51.18%
HSB/HSV31°88.46%91.76%
CMYK0.00%43.16%88.46%
8.24%

Color #EA851B in popluar number systems.

HEXEA851B
Decimal23413327
Binary111010101000010111011
Octal35220533

Shades and tints

Shades of #EA851B

#EA851B
(234,133,27)
#D57919
(213,121,25)
#C06D17
(192,109,23)
#AB6115
(171,97,21)
#965513
(150,85,19)
#814911
(129,73,17)
#6C3D0F
(108,61,15)
#57310D
(87,49,13)
#42250B
(66,37,11)
#2D1909
(45,25,9)
#180D07
(24,13,7)
#000000
(0,0,0)

Tints of #EA851B

#EA851B
(234,133,27)
#EB902F
(235,144,47)
#EC9B43
(236,155,67)
#EDA657
(237,166,87)
#EEB16B
(238,177,107)
#EFBC7F
(239,188,127)
#F0C793
(240,199,147)
#F1D2A7
(241,210,167)
#F2DDBB
(242,221,187)
#F3E8CF
(243,232,207)
#F4F3E3
(244,243,227)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EA851B color. Also use rgb(234,133,27) instead hex code.

Text Font Color

.myTextColor { color: #EA851B; }

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

This text font color is #EA851B.


Background Color

.myBgColor { background-color: #EA851B; }

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

This div background color is #EA851B.


Border color

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

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

This div border color is #EA851B.


Opacity

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

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

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

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

This text has shadow with #EA851B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EA851B on black background.


Color preview on white background

This text has color #EA851B on white background.



Black color preview on #EA851B background

This text has black color on #EA851B background.


White color preview on #EA851B background

This text has white color on #EA851B background.