COLOR #DEE288

HEX: #DEE288
RGB: (222,226,136)

Color info

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

RGB color model

#DEE288 color RGB value is (222,226,136).

  • red value is 222;
  • green value is 226;
  • blue value is 136.
RGB:
(222,226,136)
(87%,89%,53%)

RGB channels and saturation

R 222 of 255 = 87%
G 226 of 255 = 89%
B 136 of 255 = 53%

222
226
136

R + G + B ~ 76%. #DEE288 is quite light color.

Portions of RGB colors in percentages

R + G + B =
222 + 226 + 136 = 584 (100%)
R 222 of 584 ~ 38.01%
G 226 of 584 ~ 38.7%
B 136 of 584 ~ 23.29%

%38.01
%38.7
%23.29

CMYK color model

#DEE288 color CMYK value is (2,0,40,11).

  • cyan value is 1.77%
  • magenta value is 0.00%
  • yellow value is 39.82%
  • key color value is 11.37%
CMYK:
(2,0,40,11)
C2M0Y40K11 
(2%,0%,40%,11%)
(0.02/0.00/0.40/0.11)	

CMYK percentages

%1.77
%0
%39.82
%11.37

Codes

Color #DEE288 in popluar color models

DEE288
RGB222226136
HSL63°60.81%70.98%
HSB/HSV63°39.82%88.63%
CMYK1.77%0.00%39.82%
11.37%

Color #DEE288 in popluar number systems.

HEXDEE288
Decimal222226136
Binary110111101110001010001000
Octal336342210

Shades and tints

Shades of #DEE288

#DEE288
(222,226,136)
#CACE7C
(202,206,124)
#B6BA70
(182,186,112)
#A2A664
(162,166,100)
#8E9258
(142,146,88)
#7A7E4C
(122,126,76)
#666A40
(102,106,64)
#525634
(82,86,52)
#3E4228
(62,66,40)
#2A2E1C
(42,46,28)
#161A10
(22,26,16)
#000000
(0,0,0)

Tints of #DEE288

#DEE288
(222,226,136)
#E1E492
(225,228,146)
#E4E69C
(228,230,156)
#E7E8A6
(231,232,166)
#EAEAB0
(234,234,176)
#EDECBA
(237,236,186)
#F0EEC4
(240,238,196)
#F3F0CE
(243,240,206)
#F6F2D8
(246,242,216)
#F9F4E2
(249,244,226)
#FCF6EC
(252,246,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DEE288 color. Also use rgb(222,226,136) instead hex code.

Text Font Color

.myTextColor { color: #DEE288; }

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

This text font color is #DEE288.


Background Color

.myBgColor { background-color: #DEE288; }

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

This div background color is #DEE288.


Border color

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

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

This div border color is #DEE288.


Opacity

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

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

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

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

This text has shadow with #DEE288 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #DEE288 on black background.


Color preview on white background

This text has color #DEE288 on white background.



Black color preview on #DEE288 background

This text has black color on #DEE288 background.


White color preview on #DEE288 background

This text has white color on #DEE288 background.