COLOR #DDDD78

HEX: #DDDD78 RGB: (221,221,120)

Color info

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

RGB color model

#DDDD78 color RGB value is (221,221,120).

RGB: (221,221,120) (87%, 87%, 47%)

RGB channels and saturation

R 221 of 255 = 87%
G 221 of 255 = 87%
B 120 of 255 = 47%

221
221
120

R + G + B ~ 74%. #DDDD78 is quite light color.

Portions of RGB colors in percentages

R + G + B = 221 + 221 + 120 = 562 (100%)
R 221 of 562 ~ 39.32%
G 221 of 562 ~ 39.32%
B 120 of 562 ~ 21.35'%

%39.32
%39.32
%21.35

CMYK color model

#DDDD78 color CMYK value is (0,0,46,13).

  • cyan value is 0.00%
  • magenta value is 0.00%
  • yellow value is 45.70%
  • key color value is 13.33%

CMYK: (0,0,46,13)
C0M0Y46K13 (0%, 0%, 46%, 13%)
(0.00 / 0.00 / 0.46 / 0.13)

CMYK percentages

%0
%0
%45.7
%13.33

Codes

Color #DDDD78 in popluar color models

DD DD 78
RGB 221 221 120
HSL 60° 59.76% 66.86%
HSB/HSV 60° 45.70% 86.67%
CMYK 0.00% 0.00% 45.70%
13.33%

Color #DDDD78 in popluar number systems.

HEX DD DD 78
Decimal 221 221 120
Binary 11011101 11011101 1111000
Octal 335 335 170

Shades and tints

Shades of #DDDD78

#DDDD78
(221,221,120)
#C9C96E
(201,201,110)
#B5B564
(181,181,100)
#A1A15A
(161,161,90)
#8D8D50
(141,141,80)
#797946
(121,121,70)
#65653C
(101,101,60)
#515132
(81,81,50)
#3D3D28
(61,61,40)
#29291E
(41,41,30)
#151514
(21,21,20)
#000000
(0,0,0)

Tints of #DDDD78

#DDDD78
(221,221,120)
#E0E084
(224,224,132)
#E3E390
(227,227,144)
#E6E69C
(230,230,156)
#E9E9A8
(233,233,168)
#ECECB4
(236,236,180)
#EFEFC0
(239,239,192)
#F2F2CC
(242,242,204)
#F5F5D8
(245,245,216)
#F8F8E4
(248,248,228)
#FBFBF0
(251,251,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DDDD78 color. Also use rgb(221,221,120) instead hex code.

Text Font Color

.myTextColor { color: #DDDD78; }

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

This text font color is #DDDD78.

Background Color

.myBgColor { background-color: #DDDD78; }

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

This div background color is #DDDD78.

Border color

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

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

This div border color is #DDDD78.

Opacity

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

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

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

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

This text has shadow with #DDDD78 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #DDDD78.

Preview

Color preview on black background

This text has color #DDDD78 on black background.


Color preview on white background

This text has color #DDDD78 on white background.


Black color preview on #DDDD78 background

This text has black color on #DDDD78 background.


White color preview on #DDDD78 background

This text has white color on #DDDD78 background.


Related colors

Complementary color

Complementary color for #hex is #222287.


I love getcolorcode.com