COLOR #D0D68A

HEX: #D0D68A
RGB: (208,214,138)

Color info

#D0D68A contains mainly red and green colors. Web safe color of #D0D68A is #CCCC99 (or #CC9).

RGB color model

#D0D68A color RGB value is (208,214,138).

  • red value is 208;
  • green value is 214;
  • blue value is 138.
RGB:
(208,214,138)
(82%,84%,54%)

RGB channels and saturation

R 208 of 255 = 82%
G 214 of 255 = 84%
B 138 of 255 = 54%

208
214
138

R + G + B ~ 73%. #D0D68A is quite light color.

Portions of RGB colors in percentages

R + G + B =
208 + 214 + 138 = 560 (100%)
R 208 of 560 ~ 37.14%
G 214 of 560 ~ 38.21%
B 138 of 560 ~ 24.64%

%37.14
%38.21
%24.64

CMYK color model

#D0D68A color CMYK value is (3,0,36,16).

  • cyan value is 2.80%
  • magenta value is 0.00%
  • yellow value is 35.51%
  • key color value is 16.08%
CMYK:
(3,0,36,16)
C3M0Y36K16 
(3%,0%,36%,16%)
(0.03/0.00/0.36/0.16)	

CMYK percentages

%2.8
%0
%35.51
%16.08

Codes

Color #D0D68A in popluar color models

D0D68A
RGB208214138
HSL65°48.10%69.02%
HSB/HSV65°35.51%83.92%
CMYK2.80%0.00%35.51%
16.08%

Color #D0D68A in popluar number systems.

HEXD0D68A
Decimal208214138
Binary110100001101011010001010
Octal320326212

Shades and tints

Shades of #D0D68A

#D0D68A
(208,214,138)
#BEC37E
(190,195,126)
#ACB072
(172,176,114)
#9A9D66
(154,157,102)
#888A5A
(136,138,90)
#76774E
(118,119,78)
#646442
(100,100,66)
#525136
(82,81,54)
#403E2A
(64,62,42)
#2E2B1E
(46,43,30)
#1C1812
(28,24,18)
#000000
(0,0,0)

Tints of #D0D68A

#D0D68A
(208,214,138)
#D4D994
(212,217,148)
#D8DC9E
(216,220,158)
#DCDFA8
(220,223,168)
#E0E2B2
(224,226,178)
#E4E5BC
(228,229,188)
#E8E8C6
(232,232,198)
#ECEBD0
(236,235,208)
#F0EEDA
(240,238,218)
#F4F1E4
(244,241,228)
#F8F4EE
(248,244,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #D0D68A color. Also use rgb(208,214,138) instead hex code.

Text Font Color

.myTextColor { color: #D0D68A; }

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

This text font color is #D0D68A.


Background Color

.myBgColor { background-color: #D0D68A; }

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

This div background color is #D0D68A.


Border color

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

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

This div border color is #D0D68A.


Opacity

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

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

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

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

This text has shadow with #D0D68A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #D0D68A on black background.


Color preview on white background

This text has color #D0D68A on white background.



Black color preview on #D0D68A background

This text has black color on #D0D68A background.


White color preview on #D0D68A background

This text has white color on #D0D68A background.