Color #DF4C17

Color info

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

RGB color model

#DF4C17 color RGB value is (223,76,23).

red value is 223;
green value is 76;
blue value is 23.

RGB: (223,76,23) (87%, 30%, 9%)

RGB channels and saturation

R 223 of 255 = 87%
G 76 of 255 = 30%
B 23 of 255 = 9%

223

76

23

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

Portions of RGB colors in percentages

R + G + B = 223 + 76 + 23 = 322 (100%)
R 223 of 322 ~ 69.25%
G 76 of 322 ~ 23.6%
B 23 of 322 ~ 7.14'%

%69.25

%23.6

CMYK color model

#DF4C17 color CMYK value is (0,66,90,13).

cyan value is 0.00%
magenta value is 65.92%
yellow value is 89.69%
key color value is 12.55%

CMYK: (0,66,90,13)
C0M66Y90K13 (0%, 66%, 90%, 13%)
(0.00 / 0.66 / 0.90 / 0.13)

CMYK percentages

%0

%65.92

%89.69

%12.55

Codes

Color #DF4C17 in popluar color models

	DF	4C	17
RGB	223	76	23
HSL	16°	81.30%	48.24%
HSB/HSV	16°	89.69%	87.45%
CMYK	0.00%	65.92%	89.69%
CMYK	12.55%

Color #DF4C17 in popluar number systems.

HEX	DF	4C	17
Decimal	223	76	23
Binary	11011111	1001100	10111
Octal	337	114	27

Shades and tints

Shades of #DF4C17

#DF4C17
(223,76,23)

#CB4615
(203,70,21)

#B74013
(183,64,19)

#A33A11
(163,58,17)

#8F340F
(143,52,15)

#7B2E0D
(123,46,13)

#67280B
(103,40,11)

#532209
(83,34,9)

#3F1C07
(63,28,7)

#2B1605
(43,22,5)

#171003
(23,16,3)

#000000
(0,0,0)

Tints of #DF4C17

#DF4C17
(223,76,23)

#E15C2C
(225,92,44)

#E36C41
(227,108,65)

#E57C56
(229,124,86)

#E78C6B
(231,140,107)

#E99C80
(233,156,128)

#EBAC95
(235,172,149)

#EDBCAA
(237,188,170)

#EFCCBF
(239,204,191)

#F1DCD4
(241,220,212)

#F3ECE9
(243,236,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DF4C17 color. Also use rgb(223,76,23) instead hex code.

Text Font Color

.myTextColor { color: #DF4C17; }

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

This text font color is #DF4C17.

Background Color

.myBgColor { background-color: #DF4C17; }

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

This div background color is #DF4C17.

Border color

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

This div border color is #DF4C17.

Opacity

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

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

This text has shadow with #DF4C17 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DF4C17.