COLOR #EE5602

HEX: #EE5602
RGB: (238,86,2)

Color info

#EE5602 contains mainly red color. Web safe color of #EE5602 is #FF6600 (or #F60).

RGB color model

#EE5602 color RGB value is (238,86,2).

  • red value is 238;
  • green value is 86;
  • blue value is 2.
RGB:
(238,86,2)
(93%,34%,1%)

RGB channels and saturation

R 238 of 255 = 93%
G 86 of 255 = 34%
B 2 of 255 = 1%

238
86
2

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

Portions of RGB colors in percentages

R + G + B =
238 + 86 + 2 = 326 (100%)
R 238 of 326 ~ 73.01%
G 86 of 326 ~ 26.38%
B 2 of 326 ~ 0.61%

%73.01
%26.38

CMYK color model

#EE5602 color CMYK value is (0,64,99,7).

  • cyan value is 0.00%
  • magenta value is 63.87%
  • yellow value is 99.16%
  • key color value is 6.67%
CMYK:
(0,64,99,7)
C0M64Y99K7 
(0%,64%,99%,7%)
(0.00/0.64/0.99/0.07)	

CMYK percentages

%0
%63.87
%99.16
%6.67

Codes

Color #EE5602 in popluar color models

EE5602
RGB238862
HSL21°98.33%47.06%
HSB/HSV21°99.16%93.33%
CMYK0.00%63.87%99.16%
6.67%

Color #EE5602 in popluar number systems.

HEXEE5602
Decimal238862
Binary11101110101011010
Octal3561262

Shades and tints

Shades of #EE5602

#EE5602
(238,86,2)
#D94F02
(217,79,2)
#C44802
(196,72,2)
#AF4102
(175,65,2)
#9A3A02
(154,58,2)
#853302
(133,51,2)
#702C02
(112,44,2)
#5B2502
(91,37,2)
#461E02
(70,30,2)
#311702
(49,23,2)
#1C1002
(28,16,2)
#000000
(0,0,0)

Tints of #EE5602

#EE5602
(238,86,2)
#EF6519
(239,101,25)
#F07430
(240,116,48)
#F18347
(241,131,71)
#F2925E
(242,146,94)
#F3A175
(243,161,117)
#F4B08C
(244,176,140)
#F5BFA3
(245,191,163)
#F6CEBA
(246,206,186)
#F7DDD1
(247,221,209)
#F8ECE8
(248,236,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EE5602 color. Also use rgb(238,86,2) instead hex code.

Text Font Color

.myTextColor { color: #EE5602; }

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

This text font color is #EE5602.


Background Color

.myBgColor { background-color: #EE5602; }

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

This div background color is #EE5602.


Border color

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

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

This div border color is #EE5602.


Opacity

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

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

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

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

This text has shadow with #EE5602 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EE5602 on black background.


Color preview on white background

This text has color #EE5602 on white background.



Black color preview on #EE5602 background

This text has black color on #EE5602 background.


White color preview on #EE5602 background

This text has white color on #EE5602 background.