Color #EDFFA3

Color info

#EDFFA3 contains mainly red and green colors. Web safe color of #EDFFA3 is #FFFF99 (or #FF9).

RGB color model

#EDFFA3 color RGB value is (237,255,163).

red value is 237;
green value is 255;
blue value is 163.

RGB: (237,255,163) (93%,100%,64%)

RGB channels and saturation

R 237 of 255 = 93%
G 255 of 255 = 100%
B 163 of 255 = 64%

237

255

163

R + G + B ~ 86%. #EDFFA3 is light color.

Portions of RGB colors in percentages

R + G + B =
237 + 255 + 163 = 655 (100%)
R 237 of 655 ~ 36.18%
G 255 of 655 ~ 38.93%
B 163 of 655 ~ 24.89%

%36.18

%38.93

%24.89

CMYK color model

#EDFFA3 color CMYK value is (7,0,36,0).

cyan value is 7.06%
magenta value is 0.00%
yellow value is 36.08%
key color value is 0.00%

CMYK: (7,0,36,0) C7M0Y36K0 (7%,0%,36%,0%) (0.07/0.00/0.36/0.00)

CMYK percentages

%7.06

%36.08

Codes

Color #EDFFA3 in popluar color models

	ED	FF	A3
RGB	237	255	163
HSL	72°	100.00%	81.96%
HSB/HSV	72°	36.08%	100.00%
CMYK	7.06%	0.00%	36.08%
CMYK	0.00%

Color #EDFFA3 in popluar number systems.

HEX	ED	FF	A3
Decimal	237	255	163
Binary	11101101	11111111	10100011
Octal	355	377	243

Shades and tints

Shades of #EDFFA3

#EDFFA3
(237,255,163)

#D8E895
(216,232,149)

#C3D187
(195,209,135)

#AEBA79
(174,186,121)

#99A36B
(153,163,107)

#848C5D
(132,140,93)

#6F754F
(111,117,79)

#5A5E41
(90,94,65)

#454733
(69,71,51)

#303025
(48,48,37)

#1B1917
(27,25,23)

#000000
(0,0,0)

Tints of #EDFFA3

#EDFFA3
(237,255,163)

#EEFFAB
(238,255,171)

#EFFFB3
(239,255,179)

#F0FFBB
(240,255,187)

#F1FFC3
(241,255,195)

#F2FFCB
(242,255,203)

#F3FFD3
(243,255,211)

#F4FFDB
(244,255,219)

#F5FFE3
(245,255,227)

#F6FFEB
(246,255,235)

#F7FFF3
(247,255,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDFFA3 color. Also use rgb(237,255,163) instead hex code.

Text Font Color

.myTextColor { color: #EDFFA3; }

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

This text font color is #EDFFA3.

Background Color

.myBgColor { background-color: #EDFFA3; }

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

This div background color is #EDFFA3.

Border color

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

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

This div border color is #EDFFA3.

Opacity

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

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

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

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

This text has shadow with #EDFFA3 color.

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

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

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

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

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

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

Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #EDFFA3; -webkit-box-shadow:	1px 1px 3px 2px #EDFFA3; box-shadow:	1px 1px 3px 2px #EDFFA3; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #EDFFA3; -webkit-box-shadow: 1px 1px 3px 2px #EDFFA3; box-shadow:1px 1px 3px 2px #EDFFA3;">
Div content here</div>

This div box has shadow with color #EDFFA3.

Preview

Color preview on black background

This text has color #EDFFA3 on black background.

Color preview on white background

This text has color #EDFFA3 on white background.

Black color preview on #EDFFA3 background

This text has black color on #EDFFA3 background.

White color preview on #EDFFA3 background

This text has white color on #EDFFA3 background.