COLOR #D04014

HEX: #D04014
RGB: (208,64,20)

Color info

#D04014 contains mainly red color. Web safe color of #D04014 is #CC3300 (or #C30).

RGB color model

#D04014 color RGB value is (208,64,20).

  • red value is 208;
  • green value is 64;
  • blue value is 20.
RGB:
(208,64,20)
(82%,25%,8%)

RGB channels and saturation

R 208 of 255 = 82%
G 64 of 255 = 25%
B 20 of 255 = 8%

208
64
20

R + G + B ~ 38%. #D04014 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
208 + 64 + 20 = 292 (100%)
R 208 of 292 ~ 71.23%
G 64 of 292 ~ 21.92%
B 20 of 292 ~ 6.85%

%71.23
%21.92

CMYK color model

#D04014 color CMYK value is (0,69,90,18).

  • cyan value is 0.00%
  • magenta value is 69.23%
  • yellow value is 90.38%
  • key color value is 18.43%
CMYK:
(0,69,90,18)
C0M69Y90K18 
(0%,69%,90%,18%)
(0.00/0.69/0.90/0.18)	

CMYK percentages

%0
%69.23
%90.38
%18.43

Codes

Color #D04014 in popluar color models

D04014
RGB2086420
HSL14°82.46%44.71%
HSB/HSV14°90.38%81.57%
CMYK0.00%69.23%90.38%
18.43%

Color #D04014 in popluar number systems.

HEXD04014
Decimal2086420
Binary11010000100000010100
Octal32010024

Shades and tints

Shades of #D04014

#D04014
(208,64,20)
#BE3B13
(190,59,19)
#AC3612
(172,54,18)
#9A3111
(154,49,17)
#882C10
(136,44,16)
#76270F
(118,39,15)
#64220E
(100,34,14)
#521D0D
(82,29,13)
#40180C
(64,24,12)
#2E130B
(46,19,11)
#1C0E0A
(28,14,10)
#000000
(0,0,0)

Tints of #D04014

#D04014
(208,64,20)
#D45129
(212,81,41)
#D8623E
(216,98,62)
#DC7353
(220,115,83)
#E08468
(224,132,104)
#E4957D
(228,149,125)
#E8A692
(232,166,146)
#ECB7A7
(236,183,167)
#F0C8BC
(240,200,188)
#F4D9D1
(244,217,209)
#F8EAE6
(248,234,230)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D04014 color. Also use rgb(208,64,20) instead hex code.

Text Font Color

.myTextColor { color: #D04014; }

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

This text font color is #D04014.


Background Color

.myBgColor { background-color: #D04014; }

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

This div background color is #D04014.


Border color

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

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

This div border color is #D04014.


Opacity

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

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

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

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

This text has shadow with #D04014 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #D04014 on black background.


Color preview on white background

This text has color #D04014 on white background.



Black color preview on #D04014 background

This text has black color on #D04014 background.


White color preview on #D04014 background

This text has white color on #D04014 background.