Color #DE9C59

Color info

#DE9C59 contains mainly red color. Web safe color of #DE9C59 is #CC9966 (or #C96).

RGB color model

#DE9C59 color RGB value is (222,156,89).

red value is 222;
green value is 156;
blue value is 89.

RGB:
(222,156,89)
(87%,61%,35%)

RGB channels and saturation

R 222 of 255 = 87%
G 156 of 255 = 61%
B 89 of 255 = 35%

222

156

R + G + B ~ 61%. #DE9C59 is quite light color.

Portions of RGB colors in percentages

R + G + B =
222 + 156 + 89 = 467 (100%)
R 222 of 467 ~ 47.54%
G 156 of 467 ~ 33.4%
B 89 of 467 ~ 19.06%

%47.54

%33.4

%19.06

CMYK color model

#DE9C59 color CMYK value is (0,30,60,13).

cyan value is 0.00%
magenta value is 29.73%
yellow value is 59.91%
key color value is 12.94%

CMYK:
(0,30,60,13)
C0M30Y60K13 
(0%,30%,60%,13%)
(0.00/0.30/0.60/0.13)

CMYK percentages

%29.73

%59.91

%12.94

Codes

Color #DE9C59 in popluar color models

	DE	9C	59
RGB	222	156	89
HSL	30°	66.83%	60.98%
HSB/HSV	30°	59.91%	87.06%
CMYK	0.00%	29.73%	59.91%
CMYK	12.94%

Color #DE9C59 in popluar number systems.

HEX	DE	9C	59
Decimal	222	156	89
Binary	11011110	10011100	1011001
Octal	336	234	131

Shades and tints

Shades of #DE9C59

#DE9C59
(222,156,89)

#CA8E51
(202,142,81)

#B68049
(182,128,73)

#A27241
(162,114,65)

#8E6439
(142,100,57)

#7A5631
(122,86,49)

#664829
(102,72,41)

#523A21
(82,58,33)

#3E2C19
(62,44,25)

#2A1E11
(42,30,17)

#161009
(22,16,9)

#000000
(0,0,0)

Tints of #DE9C59

#DE9C59
(222,156,89)

#E1A568
(225,165,104)

#E4AE77
(228,174,119)

#E7B786
(231,183,134)

#EAC095
(234,192,149)

#EDC9A4
(237,201,164)

#F0D2B3
(240,210,179)

#F3DBC2
(243,219,194)

#F6E4D1
(246,228,209)

#F9EDE0
(249,237,224)

#FCF6EF
(252,246,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DE9C59 color. Also use rgb(222,156,89) instead hex code.

Text Font Color

.myTextColor { color: #DE9C59; }

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

This text font color is #DE9C59.

Background Color

.myBgColor { background-color: #DE9C59; }

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

This div background color is #DE9C59.

Border color

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

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

This div border color is #DE9C59.

Opacity

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

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

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

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

This text has shadow with #DE9C59 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DE9C59.

Preview

Color preview on black background

This text has color #DE9C59 on black background.

Color preview on white background

This text has color #DE9C59 on white background.

Black color preview on #DE9C59 background

This text has black color on #DE9C59 background.

White color preview on #DE9C59 background

This text has white color on #DE9C59 background.