Color #DEB15C

Color info

#DEB15C contains mainly red and green colors. Web safe color of #DEB15C is #CC9966 (or #C96).

RGB color model

#DEB15C color RGB value is (222,177,92).

red value is 222;
green value is 177;
blue value is 92.

RGB:
(222,177,92)
(87%,69%,36%)

RGB channels and saturation

R 222 of 255 = 87%
G 177 of 255 = 69%
B 92 of 255 = 36%

222

177

R + G + B ~ 64%. #DEB15C is quite light color.

Portions of RGB colors in percentages

R + G + B =
222 + 177 + 92 = 491 (100%)
R 222 of 491 ~ 45.21%
G 177 of 491 ~ 36.05%
B 92 of 491 ~ 18.74%

%45.21

%36.05

%18.74

CMYK color model

#DEB15C color CMYK value is (0,20,59,13).

cyan value is 0.00%
magenta value is 20.27%
yellow value is 58.56%
key color value is 12.94%

CMYK:
(0,20,59,13)
C0M20Y59K13 
(0%,20%,59%,13%)
(0.00/0.20/0.59/0.13)

CMYK percentages

%20.27

%58.56

%12.94

Codes

Color #DEB15C in popluar color models

	DE	B1	5C
RGB	222	177	92
HSL	39°	66.33%	61.57%
HSB/HSV	39°	58.56%	87.06%
CMYK	0.00%	20.27%	58.56%
CMYK	12.94%

Color #DEB15C in popluar number systems.

HEX	DE	B1	5C
Decimal	222	177	92
Binary	11011110	10110001	1011100
Octal	336	261	134

Shades and tints

Shades of #DEB15C

#DEB15C
(222,177,92)

#CAA154
(202,161,84)

#B6914C
(182,145,76)

#A28144
(162,129,68)

#8E713C
(142,113,60)

#7A6134
(122,97,52)

#66512C
(102,81,44)

#524124
(82,65,36)

#3E311C
(62,49,28)

#2A2114
(42,33,20)

#16110C
(22,17,12)

#000000
(0,0,0)

Tints of #DEB15C

#DEB15C
(222,177,92)

#E1B86A
(225,184,106)

#E4BF78
(228,191,120)

#E7C686
(231,198,134)

#EACD94
(234,205,148)

#EDD4A2
(237,212,162)

#F0DBB0
(240,219,176)

#F3E2BE
(243,226,190)

#F6E9CC
(246,233,204)

#F9F0DA
(249,240,218)

#FCF7E8
(252,247,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DEB15C color. Also use rgb(222,177,92) instead hex code.

Text Font Color

.myTextColor { color: #DEB15C; }

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

This text font color is #DEB15C.

Background Color

.myBgColor { background-color: #DEB15C; }

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

This div background color is #DEB15C.

Border color

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

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

This div border color is #DEB15C.

Opacity

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

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

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

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

This text has shadow with #DEB15C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DEB15C.

Preview

Color preview on black background

This text has color #DEB15C on black background.

Color preview on white background

This text has color #DEB15C on white background.

Black color preview on #DEB15C background

This text has black color on #DEB15C background.

White color preview on #DEB15C background

This text has white color on #DEB15C background.