COLOR #EDFDDD

HEX: #EDFDDD
RGB: (237,253,221)

Color info

#EDFDDD contains red, green and blue colors in about the same proportion. Web safe color of #EDFDDD is #FFFFCC (or #FFC).

RGB color model

#EDFDDD color RGB value is (237,253,221).

  • red value is 237;
  • green value is 253;
  • blue value is 221.
RGB:
(237,253,221)
(93%,99%,87%)

RGB channels and saturation

R 237 of 255 = 93%
G 253 of 255 = 99%
B 221 of 255 = 87%

237
253
221

R + G + B ~ 93%. #EDFDDD is light color.

Portions of RGB colors in percentages

R + G + B =
237 + 253 + 221 = 711 (100%)
R 237 of 711 ~ 33.33%
G 253 of 711 ~ 35.58%
B 221 of 711 ~ 31.08%

%33.33
%35.58
%31.08

CMYK color model

#EDFDDD color CMYK value is (6,0,13,1).

  • cyan value is 6.32%
  • magenta value is 0.00%
  • yellow value is 12.65%
  • key color value is 0.78%
CMYK:
(6,0,13,1)
C6M0Y13K1 
(6%,0%,13%,1%)
(0.06/0.00/0.13/0.01)	

CMYK percentages

%6.32
%0
%12.65
%0.78

Codes

Color #EDFDDD in popluar color models

EDFDDD
RGB237253221
HSL90°88.89%92.94%
HSB/HSV90°12.65%99.22%
CMYK6.32%0.00%12.65%
0.78%

Color #EDFDDD in popluar number systems.

HEXEDFDDD
Decimal237253221
Binary111011011111110111011101
Octal355375335

Shades and tints

Shades of #EDFDDD

#EDFDDD
(237,253,221)
#D8E6C9
(216,230,201)
#C3CFB5
(195,207,181)
#AEB8A1
(174,184,161)
#99A18D
(153,161,141)
#848A79
(132,138,121)
#6F7365
(111,115,101)
#5A5C51
(90,92,81)
#45453D
(69,69,61)
#302E29
(48,46,41)
#1B1715
(27,23,21)
#000000
(0,0,0)

Tints of #EDFDDD

#EDFDDD
(237,253,221)
#EEFDE0
(238,253,224)
#EFFDE3
(239,253,227)
#F0FDE6
(240,253,230)
#F1FDE9
(241,253,233)
#F2FDEC
(242,253,236)
#F3FDEF
(243,253,239)
#F4FDF2
(244,253,242)
#F5FDF5
(245,253,245)
#F6FDF8
(246,253,248)
#F7FDFB
(247,253,251)
#FFFFFF
(255,255,255)

CSS3 styles

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

Text Font Color

.myTextColor { color: #EDFDDD; }

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

This text font color is #EDFDDD.


Background Color

.myBgColor { background-color: #EDFDDD; }

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

This div background color is #EDFDDD.


Border color

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

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

This div border color is #EDFDDD.


Opacity

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

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

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

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

This text has shadow with #EDFDDD color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EDFDDD on black background.


Color preview on white background

This text has color #EDFDDD on white background.



Black color preview on #EDFDDD background

This text has black color on #EDFDDD background.


White color preview on #EDFDDD background

This text has white color on #EDFDDD background.