Color #DC6D2D

Color info

#DC6D2D contains mainly red color. Web safe color of #DC6D2D is #CC6633 (or #C63).

RGB color model

#DC6D2D color RGB value is (220,109,45).

red value is 220;
green value is 109;
blue value is 45.

RGB:
(220,109,45)
(86%,43%,18%)

RGB channels and saturation

R 220 of 255 = 86%
G 109 of 255 = 43%
B 45 of 255 = 18%

220

109

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

Portions of RGB colors in percentages

R + G + B =
220 + 109 + 45 = 374 (100%)
R 220 of 374 ~ 58.82%
G 109 of 374 ~ 29.14%
B 45 of 374 ~ 12.03%

%58.82

%29.14

%12.03

CMYK color model

#DC6D2D color CMYK value is (0,50,80,14).

cyan value is 0.00%
magenta value is 50.45%
yellow value is 79.55%
key color value is 13.73%

CMYK:
(0,50,80,14)
C0M50Y80K14 
(0%,50%,80%,14%)
(0.00/0.50/0.80/0.14)

CMYK percentages

%50.45

%79.55

%13.73

Codes

Color #DC6D2D in popluar color models

	DC	6D	2D
RGB	220	109	45
HSL	22°	71.43%	51.96%
HSB/HSV	22°	79.55%	86.27%
CMYK	0.00%	50.45%	79.55%
CMYK	13.73%

Color #DC6D2D in popluar number systems.

HEX	DC	6D	2D
Decimal	220	109	45
Binary	11011100	1101101	101101
Octal	334	155	55

Shades and tints

Shades of #DC6D2D

#DC6D2D
(220,109,45)

#C86429
(200,100,41)

#B45B25
(180,91,37)

#A05221
(160,82,33)

#8C491D
(140,73,29)

#784019
(120,64,25)

#643715
(100,55,21)

#502E11
(80,46,17)

#3C250D
(60,37,13)

#281C09
(40,28,9)

#141305
(20,19,5)

#000000
(0,0,0)

Tints of #DC6D2D

#DC6D2D
(220,109,45)

#DF7A40
(223,122,64)

#E28753
(226,135,83)

#E59466
(229,148,102)

#E8A179
(232,161,121)

#EBAE8C
(235,174,140)

#EEBB9F
(238,187,159)

#F1C8B2
(241,200,178)

#F4D5C5
(244,213,197)

#F7E2D8
(247,226,216)

#FAEFEB
(250,239,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DC6D2D color. Also use rgb(220,109,45) instead hex code.

Text Font Color

.myTextColor { color: #DC6D2D; }

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

This text font color is #DC6D2D.

Background Color

.myBgColor { background-color: #DC6D2D; }

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

This div background color is #DC6D2D.

Border color

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

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

This div border color is #DC6D2D.

Opacity

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

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

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

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

This text has shadow with #DC6D2D color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DC6D2D.

Preview

Color preview on black background

This text has color #DC6D2D on black background.

Color preview on white background

This text has color #DC6D2D on white background.

Black color preview on #DC6D2D background

This text has black color on #DC6D2D background.

White color preview on #DC6D2D background

This text has white color on #DC6D2D background.