COLOR #DEB665

HEX: #DEB665 RGB: (222,182,101)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#DEB665 contains mainly red and green colors. Web safe color of #DEB665 is #CCCC66 (or #CC6).

RGB color model

#DEB665 color RGB value is (222,182,101).

red value is 222;
green value is 182;
blue value is 101.

RGB: (222,182,101) (87%, 71%, 40%)

RGB channels and saturation

R 222 of 255 = 87%
G 182 of 255 = 71%
B 101 of 255 = 40%

222

182

101

R + G + B ~ 66%. #DEB665 is quite light color.

Portions of RGB colors in percentages

R + G + B = 222 + 182 + 101 = 505 (100%)
R 222 of 505 ~ 43.96%
G 182 of 505 ~ 36.04%
B 101 of 505 ~ 20'%

%43.96

%36.04

%20

CMYK color model

#DEB665 color CMYK value is (0,18,55,13).

cyan value is 0.00%
magenta value is 18.02%
yellow value is 54.50%
key color value is 12.94%

CMYK: (0,18,55,13) C0M18Y55K13 (0%,18%,55%,13%) (0.00/0.18/0.55/0.13)

CMYK percentages

%18.02

%54.5

%12.94

Codes

Color #DEB665 in popluar color models

	DE	B6	65
RGB	222	182	101
HSL	40°	64.71%	63.33%
HSB/HSV	40°	54.50%	87.06%
CMYK	0.00%	18.02%	54.50%
CMYK	12.94%

Color #DEB665 in popluar number systems.

HEX	DE	B6	65
Decimal	222	182	101
Binary	11011110	10110110	1100101
Octal	336	266	145

Shades and tints

Shades of #DEB665

#DEB665
(222,182,101)

#CAA65C
(202,166,92)

#B69653
(182,150,83)

#A2864A
(162,134,74)

#8E7641
(142,118,65)

#7A6638
(122,102,56)

#66562F
(102,86,47)

#524626
(82,70,38)

#3E361D
(62,54,29)

#2A2614
(42,38,20)

#16160B
(22,22,11)

#000000
(0,0,0)

Tints of #DEB665

#DEB665
(222,182,101)

#E1BC73
(225,188,115)

#E4C281
(228,194,129)

#E7C88F
(231,200,143)

#EACE9D
(234,206,157)

#EDD4AB
(237,212,171)

#F0DAB9
(240,218,185)

#F3E0C7
(243,224,199)

#F6E6D5
(246,230,213)

#F9ECE3
(249,236,227)

#FCF2F1
(252,242,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DEB665 color. Also use rgb(222,182,101) instead hex code.

Text Font Color

.myTextColor { color: #DEB665; }

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

This text font color is #DEB665.

Background Color

.myBgColor { background-color: #DEB665; }

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

This div background color is #DEB665.

Border color

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

This div border color is #DEB665.

Opacity

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

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

This text has shadow with #DEB665 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DEB665.