Color #D45609

Color info

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

RGB color model

#D45609 color RGB value is (212,86,9).

red value is 212;
green value is 86;
blue value is 9.

RGB:
(212,86,9)
(83%,34%,4%)

RGB channels and saturation

R 212 of 255 = 83%
G 86 of 255 = 34%
B 9 of 255 = 4%

212

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

Portions of RGB colors in percentages

R + G + B =
212 + 86 + 9 = 307 (100%)
R 212 of 307 ~ 69.06%
G 86 of 307 ~ 28.01%
B 9 of 307 ~ 2.93%

%69.06

%28.01

CMYK color model

#D45609 color CMYK value is (0,59,96,17).

cyan value is 0.00%
magenta value is 59.43%
yellow value is 95.75%
key color value is 16.86%

CMYK:
(0,59,96,17)
C0M59Y96K17 
(0%,59%,96%,17%)
(0.00/0.59/0.96/0.17)

CMYK percentages

%59.43

%95.75

%16.86

Codes

Color #D45609 in popluar color models

	D4	56	09
RGB	212	86	9
HSL	23°	91.86%	43.33%
HSB/HSV	23°	95.75%	83.14%
CMYK	0.00%	59.43%	95.75%
CMYK	16.86%

Color #D45609 in popluar number systems.

HEX	D4	56	09
Decimal	212	86	9
Binary	11010100	1010110	1001
Octal	324	126	11

Shades and tints

Shades of #D45609

#D45609
(212,86,9)

#C14F09
(193,79,9)

#AE4809
(174,72,9)

#9B4109
(155,65,9)

#883A09
(136,58,9)

#753309
(117,51,9)

#622C09
(98,44,9)

#4F2509
(79,37,9)

#3C1E09
(60,30,9)

#291709
(41,23,9)

#161009
(22,16,9)

#000000
(0,0,0)

Tints of #D45609

#D45609
(212,86,9)

#D7651F
(215,101,31)

#DA7435
(218,116,53)

#DD834B
(221,131,75)

#E09261
(224,146,97)

#E3A177
(227,161,119)

#E6B08D
(230,176,141)

#E9BFA3
(233,191,163)

#ECCEB9
(236,206,185)

#EFDDCF
(239,221,207)

#F2ECE5
(242,236,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D45609 color. Also use rgb(212,86,9) instead hex code.

Text Font Color

.myTextColor { color: #D45609; }

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

This text font color is #D45609.

Background Color

.myBgColor { background-color: #D45609; }

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

This div background color is #D45609.

Border color

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

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

This div border color is #D45609.

Opacity

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

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

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

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

This text has shadow with #D45609 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #D45609.

Preview

Color preview on black background

This text has color #D45609 on black background.

Color preview on white background

This text has color #D45609 on white background.

Black color preview on #D45609 background

This text has black color on #D45609 background.

White color preview on #D45609 background

This text has white color on #D45609 background.