Color #DF6519

Color info

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

RGB color model

#DF6519 color RGB value is (223,101,25).

red value is 223;
green value is 101;
blue value is 25.

RGB:
(223,101,25)
(87%,40%,10%)

RGB channels and saturation

R 223 of 255 = 87%
G 101 of 255 = 40%
B 25 of 255 = 10%

223

101

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

Portions of RGB colors in percentages

R + G + B =
223 + 101 + 25 = 349 (100%)
R 223 of 349 ~ 63.9%
G 101 of 349 ~ 28.94%
B 25 of 349 ~ 7.16%

%63.9

%28.94

CMYK color model

#DF6519 color CMYK value is (0,55,89,13).

cyan value is 0.00%
magenta value is 54.71%
yellow value is 88.79%
key color value is 12.55%

CMYK:
(0,55,89,13)
C0M55Y89K13 
(0%,55%,89%,13%)
(0.00/0.55/0.89/0.13)

CMYK percentages

%54.71

%88.79

%12.55

Codes

Color #DF6519 in popluar color models

	DF	65	19
RGB	223	101	25
HSL	23°	79.84%	48.63%
HSB/HSV	23°	88.79%	87.45%
CMYK	0.00%	54.71%	88.79%
CMYK	12.55%

Color #DF6519 in popluar number systems.

HEX	DF	65	19
Decimal	223	101	25
Binary	11011111	1100101	11001
Octal	337	145	31

Shades and tints

Shades of #DF6519

#DF6519
(223,101,25)

#CB5C17
(203,92,23)

#B75315
(183,83,21)

#A34A13
(163,74,19)

#8F4111
(143,65,17)

#7B380F
(123,56,15)

#672F0D
(103,47,13)

#53260B
(83,38,11)

#3F1D09
(63,29,9)

#2B1407
(43,20,7)

#170B05
(23,11,5)

#000000
(0,0,0)

Tints of #DF6519

#DF6519
(223,101,25)

#E1732D
(225,115,45)

#E38141
(227,129,65)

#E58F55
(229,143,85)

#E79D69
(231,157,105)

#E9AB7D
(233,171,125)

#EBB991
(235,185,145)

#EDC7A5
(237,199,165)

#EFD5B9
(239,213,185)

#F1E3CD
(241,227,205)

#F3F1E1
(243,241,225)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DF6519 color. Also use rgb(223,101,25) instead hex code.

Text Font Color

.myTextColor { color: #DF6519; }

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

This text font color is #DF6519.

Background Color

.myBgColor { background-color: #DF6519; }

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

This div background color is #DF6519.

Border color

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

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

This div border color is #DF6519.

Opacity

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

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

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

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

This text has shadow with #DF6519 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DF6519.

Preview

Color preview on black background

This text has color #DF6519 on black background.

Color preview on white background

This text has color #DF6519 on white background.

Black color preview on #DF6519 background

This text has black color on #DF6519 background.

White color preview on #DF6519 background

This text has white color on #DF6519 background.