COLOR #DAE99E

HEX: #DAE99E
RGB: (218,233,158)

Color info

#DAE99E contains mainly red and green colors. Web safe color of #DAE99E is #CCFF99 (or #CF9).

RGB color model

#DAE99E color RGB value is (218,233,158).

  • red value is 218;
  • green value is 233;
  • blue value is 158.
RGB:
(218,233,158)
(85%,91%,62%)

RGB channels and saturation

R 218 of 255 = 85%
G 233 of 255 = 91%
B 158 of 255 = 62%

218
233
158

R + G + B ~ 79%. #DAE99E is quite light color.

Portions of RGB colors in percentages

R + G + B =
218 + 233 + 158 = 609 (100%)
R 218 of 609 ~ 35.8%
G 233 of 609 ~ 38.26%
B 158 of 609 ~ 25.94%

%35.8
%38.26
%25.94

CMYK color model

#DAE99E color CMYK value is (6,0,32,9).

  • cyan value is 6.44%
  • magenta value is 0.00%
  • yellow value is 32.19%
  • key color value is 8.63%
CMYK:
(6,0,32,9)
C6M0Y32K9 
(6%,0%,32%,9%)
(0.06/0.00/0.32/0.09)	

CMYK percentages

%6.44
%0
%32.19
%8.63

Codes

Color #DAE99E in popluar color models

DAE99E
RGB218233158
HSL72°63.03%76.67%
HSB/HSV72°32.19%91.37%
CMYK6.44%0.00%32.19%
8.63%

Color #DAE99E in popluar number systems.

HEXDAE99E
Decimal218233158
Binary110110101110100110011110
Octal332351236

Shades and tints

Shades of #DAE99E

#DAE99E
(218,233,158)
#C7D490
(199,212,144)
#B4BF82
(180,191,130)
#A1AA74
(161,170,116)
#8E9566
(142,149,102)
#7B8058
(123,128,88)
#686B4A
(104,107,74)
#55563C
(85,86,60)
#42412E
(66,65,46)
#2F2C20
(47,44,32)
#1C1712
(28,23,18)
#000000
(0,0,0)

Tints of #DAE99E

#DAE99E
(218,233,158)
#DDEBA6
(221,235,166)
#E0EDAE
(224,237,174)
#E3EFB6
(227,239,182)
#E6F1BE
(230,241,190)
#E9F3C6
(233,243,198)
#ECF5CE
(236,245,206)
#EFF7D6
(239,247,214)
#F2F9DE
(242,249,222)
#F5FBE6
(245,251,230)
#F8FDEE
(248,253,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DAE99E color. Also use rgb(218,233,158) instead hex code.

Text Font Color

.myTextColor { color: #DAE99E; }

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

This text font color is #DAE99E.


Background Color

.myBgColor { background-color: #DAE99E; }

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

This div background color is #DAE99E.


Border color

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

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

This div border color is #DAE99E.


Opacity

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

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

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

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

This text has shadow with #DAE99E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DAE99E on black background.


Color preview on white background

This text has color #DAE99E on white background.



Black color preview on #DAE99E background

This text has black color on #DAE99E background.


White color preview on #DAE99E background

This text has white color on #DAE99E background.