COLOR #D36819

HEX: #D36819
RGB: (211,104,25)

Color info

#D36819 contains mainly red color. Web safe color of #D36819 is #CC6600 (or #C60).

RGB color model

#D36819 color RGB value is (211,104,25).

  • red value is 211;
  • green value is 104;
  • blue value is 25.
RGB:
(211,104,25)
(83%,41%,10%)

RGB channels and saturation

R 211 of 255 = 83%
G 104 of 255 = 41%
B 25 of 255 = 10%

211
104
25

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

Portions of RGB colors in percentages

R + G + B =
211 + 104 + 25 = 340 (100%)
R 211 of 340 ~ 62.06%
G 104 of 340 ~ 30.59%
B 25 of 340 ~ 7.35%

%62.06
%30.59

CMYK color model

#D36819 color CMYK value is (0,51,88,17).

  • cyan value is 0.00%
  • magenta value is 50.71%
  • yellow value is 88.15%
  • key color value is 17.25%
CMYK:
(0,51,88,17)
C0M51Y88K17 
(0%,51%,88%,17%)
(0.00/0.51/0.88/0.17)	

CMYK percentages

%0
%50.71
%88.15
%17.25

Codes

Color #D36819 in popluar color models

D36819
RGB21110425
HSL25°78.81%46.27%
HSB/HSV25°88.15%82.75%
CMYK0.00%50.71%88.15%
17.25%

Color #D36819 in popluar number systems.

HEXD36819
Decimal21110425
Binary11010011110100011001
Octal32315031

Shades and tints

Shades of #D36819

#D36819
(211,104,25)
#C05F17
(192,95,23)
#AD5615
(173,86,21)
#9A4D13
(154,77,19)
#874411
(135,68,17)
#743B0F
(116,59,15)
#61320D
(97,50,13)
#4E290B
(78,41,11)
#3B2009
(59,32,9)
#281707
(40,23,7)
#150E05
(21,14,5)
#000000
(0,0,0)

Tints of #D36819

#D36819
(211,104,25)
#D7752D
(215,117,45)
#DB8241
(219,130,65)
#DF8F55
(223,143,85)
#E39C69
(227,156,105)
#E7A97D
(231,169,125)
#EBB691
(235,182,145)
#EFC3A5
(239,195,165)
#F3D0B9
(243,208,185)
#F7DDCD
(247,221,205)
#FBEAE1
(251,234,225)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D36819 color. Also use rgb(211,104,25) instead hex code.

Text Font Color

.myTextColor { color: #D36819; }

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

This text font color is #D36819.


Background Color

.myBgColor { background-color: #D36819; }

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

This div background color is #D36819.


Border color

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

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

This div border color is #D36819.


Opacity

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

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

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

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

This text has shadow with #D36819 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #D36819 on black background.


Color preview on white background

This text has color #D36819 on white background.



Black color preview on #D36819 background

This text has black color on #D36819 background.


White color preview on #D36819 background

This text has white color on #D36819 background.