COLOR #EDEB3B

HEX: #EDEB3B
RGB: (237,235,59)

Color info

#EDEB3B contains mainly red and green colors. Web safe color of #EDEB3B is #FFFF33 (or #FF3).

RGB color model

#EDEB3B color RGB value is (237,235,59).

  • red value is 237;
  • green value is 235;
  • blue value is 59.
RGB:
(237,235,59)
(93%,92%,23%)

RGB channels and saturation

R 237 of 255 = 93%
G 235 of 255 = 92%
B 59 of 255 = 23%

237
235
59

R + G + B ~ 69%. #EDEB3B is quite light color.

Portions of RGB colors in percentages

R + G + B =
237 + 235 + 59 = 531 (100%)
R 237 of 531 ~ 44.63%
G 235 of 531 ~ 44.26%
B 59 of 531 ~ 11.11%

%44.63
%44.26
%11.11

CMYK color model

#EDEB3B color CMYK value is (0,1,75,7).

  • cyan value is 0.00%
  • magenta value is 0.84%
  • yellow value is 75.11%
  • key color value is 7.06%
CMYK:
(0,1,75,7)
C0M1Y75K7 
(0%,1%,75%,7%)
(0.00/0.01/0.75/0.07)	

CMYK percentages

%0
%0.84
%75.11
%7.06

Codes

Color #EDEB3B in popluar color models

EDEB3B
RGB23723559
HSL59°83.18%58.04%
HSB/HSV59°75.11%92.94%
CMYK0.00%0.84%75.11%
7.06%

Color #EDEB3B in popluar number systems.

HEXEDEB3B
Decimal23723559
Binary1110110111101011111011
Octal35535373

Shades and tints

Shades of #EDEB3B

#EDEB3B
(237,235,59)
#D8D636
(216,214,54)
#C3C131
(195,193,49)
#AEAC2C
(174,172,44)
#999727
(153,151,39)
#848222
(132,130,34)
#6F6D1D
(111,109,29)
#5A5818
(90,88,24)
#454313
(69,67,19)
#302E0E
(48,46,14)
#1B1909
(27,25,9)
#000000
(0,0,0)

Tints of #EDEB3B

#EDEB3B
(237,235,59)
#EEEC4C
(238,236,76)
#EFED5D
(239,237,93)
#F0EE6E
(240,238,110)
#F1EF7F
(241,239,127)
#F2F090
(242,240,144)
#F3F1A1
(243,241,161)
#F4F2B2
(244,242,178)
#F5F3C3
(245,243,195)
#F6F4D4
(246,244,212)
#F7F5E5
(247,245,229)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDEB3B color. Also use rgb(237,235,59) instead hex code.

Text Font Color

.myTextColor { color: #EDEB3B; }

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

This text font color is #EDEB3B.


Background Color

.myBgColor { background-color: #EDEB3B; }

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

This div background color is #EDEB3B.


Border color

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

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

This div border color is #EDEB3B.


Opacity

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

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

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

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

This text has shadow with #EDEB3B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #EDEB3B on black background.


Color preview on white background

This text has color #EDEB3B on white background.



Black color preview on #EDEB3B background

This text has black color on #EDEB3B background.


White color preview on #EDEB3B background

This text has white color on #EDEB3B background.