COLOR #EE3F1D

HEX: #EE3F1D
RGB: (238,63,29)

Color info

#EE3F1D contains mainly red color. Web safe color of #EE3F1D is #FF3333 (or #F33).

RGB color model

#EE3F1D color RGB value is (238,63,29).

  • red value is 238;
  • green value is 63;
  • blue value is 29.
RGB:
(238,63,29)
(93%,25%,11%)

RGB channels and saturation

R 238 of 255 = 93%
G 63 of 255 = 25%
B 29 of 255 = 11%

238
63
29

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

Portions of RGB colors in percentages

R + G + B =
238 + 63 + 29 = 330 (100%)
R 238 of 330 ~ 72.12%
G 63 of 330 ~ 19.09%
B 29 of 330 ~ 8.79%

%72.12
%19.09

CMYK color model

#EE3F1D color CMYK value is (0,74,88,7).

  • cyan value is 0.00%
  • magenta value is 73.53%
  • yellow value is 87.82%
  • key color value is 6.67%
CMYK:
(0,74,88,7)
C0M74Y88K7 
(0%,74%,88%,7%)
(0.00/0.74/0.88/0.07)	

CMYK percentages

%0
%73.53
%87.82
%6.67

Codes

Color #EE3F1D in popluar color models

EE3F1D
RGB2386329
HSL10°86.01%52.35%
HSB/HSV10°87.82%93.33%
CMYK0.00%73.53%87.82%
6.67%

Color #EE3F1D in popluar number systems.

HEXEE3F1D
Decimal2386329
Binary1110111011111111101
Octal3567735

Shades and tints

Shades of #EE3F1D

#EE3F1D
(238,63,29)
#D93A1B
(217,58,27)
#C43519
(196,53,25)
#AF3017
(175,48,23)
#9A2B15
(154,43,21)
#852613
(133,38,19)
#702111
(112,33,17)
#5B1C0F
(91,28,15)
#46170D
(70,23,13)
#31120B
(49,18,11)
#1C0D09
(28,13,9)
#000000
(0,0,0)

Tints of #EE3F1D

#EE3F1D
(238,63,29)
#EF5031
(239,80,49)
#F06145
(240,97,69)
#F17259
(241,114,89)
#F2836D
(242,131,109)
#F39481
(243,148,129)
#F4A595
(244,165,149)
#F5B6A9
(245,182,169)
#F6C7BD
(246,199,189)
#F7D8D1
(247,216,209)
#F8E9E5
(248,233,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EE3F1D color. Also use rgb(238,63,29) instead hex code.

Text Font Color

.myTextColor { color: #EE3F1D; }

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

This text font color is #EE3F1D.


Background Color

.myBgColor { background-color: #EE3F1D; }

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

This div background color is #EE3F1D.


Border color

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

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

This div border color is #EE3F1D.


Opacity

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

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

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

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

This text has shadow with #EE3F1D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EE3F1D on black background.


Color preview on white background

This text has color #EE3F1D on white background.



Black color preview on #EE3F1D background

This text has black color on #EE3F1D background.


White color preview on #EE3F1D background

This text has white color on #EE3F1D background.