Color #D4860E

Color info

#D4860E contains mainly red color. Web safe color of #D4860E is #CC9900 (or #C90).

RGB color model

#D4860E color RGB value is (212,134,14).

red value is 212;
green value is 134;
blue value is 14.

RGB:
(212,134,14)
(83%,53%,5%)

RGB channels and saturation

R 212 of 255 = 83%
G 134 of 255 = 53%
B 14 of 255 = 5%

212

134

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

Portions of RGB colors in percentages

R + G + B =
212 + 134 + 14 = 360 (100%)
R 212 of 360 ~ 58.89%
G 134 of 360 ~ 37.22%
B 14 of 360 ~ 3.89%

%58.89

%37.22

CMYK color model

#D4860E color CMYK value is (0,37,93,17).

cyan value is 0.00%
magenta value is 36.79%
yellow value is 93.40%
key color value is 16.86%

CMYK:
(0,37,93,17)
C0M37Y93K17 
(0%,37%,93%,17%)
(0.00/0.37/0.93/0.17)

CMYK percentages

%36.79

%93.4

%16.86

Codes

Color #D4860E in popluar color models

	D4	86	0E
RGB	212	134	14
HSL	36°	87.61%	44.31%
HSB/HSV	36°	93.40%	83.14%
CMYK	0.00%	36.79%	93.40%
CMYK	16.86%

Color #D4860E in popluar number systems.

HEX	D4	86	0E
Decimal	212	134	14
Binary	11010100	10000110	1110
Octal	324	206	16

Shades and tints

Shades of #D4860E

#D4860E
(212,134,14)

#C17A0D
(193,122,13)

#AE6E0C
(174,110,12)

#9B620B
(155,98,11)

#88560A
(136,86,10)

#754A09
(117,74,9)

#623E08
(98,62,8)

#4F3207
(79,50,7)

#3C2606
(60,38,6)

#291A05
(41,26,5)

#160E04
(22,14,4)

#000000
(0,0,0)

Tints of #D4860E

#D4860E
(212,134,14)

#D79123
(215,145,35)

#DA9C38
(218,156,56)

#DDA74D
(221,167,77)

#E0B262
(224,178,98)

#E3BD77
(227,189,119)

#E6C88C
(230,200,140)

#E9D3A1
(233,211,161)

#ECDEB6
(236,222,182)

#EFE9CB
(239,233,203)

#F2F4E0
(242,244,224)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D4860E color. Also use rgb(212,134,14) instead hex code.

Text Font Color

.myTextColor { color: #D4860E; }

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

This text font color is #D4860E.

Background Color

.myBgColor { background-color: #D4860E; }

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

This div background color is #D4860E.

Border color

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

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

This div border color is #D4860E.

Opacity

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

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

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

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

This text has shadow with #D4860E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #D4860E.

Preview

Color preview on black background

This text has color #D4860E on black background.

Color preview on white background

This text has color #D4860E on white background.

Black color preview on #D4860E background

This text has black color on #D4860E background.

White color preview on #D4860E background

This text has white color on #D4860E background.