COLOR #D73109

HEX: #D73109
RGB: (215,49,9)

Color info

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

RGB color model

#D73109 color RGB value is (215,49,9).

  • red value is 215;
  • green value is 49;
  • blue value is 9.
RGB:
(215,49,9)
(84%,19%,4%)

RGB channels and saturation

R 215 of 255 = 84%
G 49 of 255 = 19%
B 9 of 255 = 4%

215
49
9

R + G + B ~ 36%. #D73109 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
215 + 49 + 9 = 273 (100%)
R 215 of 273 ~ 78.75%
G 49 of 273 ~ 17.95%
B 9 of 273 ~ 3.3%

%78.75
%17.95

CMYK color model

#D73109 color CMYK value is (0,77,96,16).

  • cyan value is 0.00%
  • magenta value is 77.21%
  • yellow value is 95.81%
  • key color value is 15.69%
CMYK:
(0,77,96,16)
C0M77Y96K16 
(0%,77%,96%,16%)
(0.00/0.77/0.96/0.16)	

CMYK percentages

%0
%77.21
%95.81
%15.69

Codes

Color #D73109 in popluar color models

D73109
RGB215499
HSL12°91.96%43.92%
HSB/HSV12°95.81%84.31%
CMYK0.00%77.21%95.81%
15.69%

Color #D73109 in popluar number systems.

HEXD73109
Decimal215499
Binary110101111100011001
Octal3276111

Shades and tints

Shades of #D73109

#D73109
(215,49,9)
#C42D09
(196,45,9)
#B12909
(177,41,9)
#9E2509
(158,37,9)
#8B2109
(139,33,9)
#781D09
(120,29,9)
#651909
(101,25,9)
#521509
(82,21,9)
#3F1109
(63,17,9)
#2C0D09
(44,13,9)
#190909
(25,9,9)
#000000
(0,0,0)

Tints of #D73109

#D73109
(215,49,9)
#DA431F
(218,67,31)
#DD5535
(221,85,53)
#E0674B
(224,103,75)
#E37961
(227,121,97)
#E68B77
(230,139,119)
#E99D8D
(233,157,141)
#ECAFA3
(236,175,163)
#EFC1B9
(239,193,185)
#F2D3CF
(242,211,207)
#F5E5E5
(245,229,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D73109 color. Also use rgb(215,49,9) instead hex code.

Text Font Color

.myTextColor { color: #D73109; }

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

This text font color is #D73109.


Background Color

.myBgColor { background-color: #D73109; }

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

This div background color is #D73109.


Border color

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

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

This div border color is #D73109.


Opacity

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

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

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

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

This text has shadow with #D73109 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #D73109 on black background.


Color preview on white background

This text has color #D73109 on white background.



Black color preview on #D73109 background

This text has black color on #D73109 background.


White color preview on #D73109 background

This text has white color on #D73109 background.