Color #EDE54F hex code, color models, shades and preview

Renk bilgisi

#EDE54F contains mainly red and green colors. #EDE54F ‘ nin web güvenlik rengi #FFCC66 (ya da #FC6) dir.

RGB renk modeli

#EDE54F color RGB value is (237,229,79).

kırmız ton 237;
yeşil ton 229;
mavi ton 79.

RGB:
(237,229,79)
(93%,90%,31%)

RGB bağlantıları ve doygunluk

R 237 of 255 = 93%
G 229 of 255 = 90%
B 79 of 255 = 31%

237

229

R + G + B ~ 71%. #EDE54F is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
237 + 229 + 79 = 545 (100%)
R 237 of 545 ~ 43.49%
G 229 of 545 ~ 42.02%
B 79 of 545 ~ 14.5%

%43.49

%42.02

%14.5

CMYK RENK MODELİ

#EDE54F rengi CMYK tonu (0,3,67,7).

camgöbeği tonu 0.00%
eflatun tonu 3.38%
sarı tonu 66.67%
ana renk tonu 7.06%

CMYK:
(0,3,67,7)
C0M3Y67K7 
(0%,3%,67%,7%)
(0.00/0.03/0.67/0.07)

CMYK yüzdeleri

%3.38

%66.67

%7.06

Codes

Color #EDE54F in popluar color models

	ED	E5	4F
RGB	237	229	79
HSL	57°	81.44%	61.96%
HSB/HSV	57°	66.67%	92.94%
CMYK	0.00%	3.38%	66.67%
CMYK	7.06%

Color #EDE54F in popluar number systems.

HEX	ED	E5	4F
Decimal	237	229	79
Binary	11101101	11100101	1001111
Octal	355	345	117

Shades and tints

Shades of #EDE54F

#EDE54F
(237,229,79)

#D8D148
(216,209,72)

#C3BD41
(195,189,65)

#AEA93A
(174,169,58)

#999533
(153,149,51)

#84812C
(132,129,44)

#6F6D25
(111,109,37)

#5A591E
(90,89,30)

#454517
(69,69,23)

#303110
(48,49,16)

#1B1D09
(27,29,9)

#000000
(0,0,0)

Tints of #EDE54F

#EDE54F
(237,229,79)

#EEE75F
(238,231,95)

#EFE96F
(239,233,111)

#F0EB7F
(240,235,127)

#F1ED8F
(241,237,143)

#F2EF9F
(242,239,159)

#F3F1AF
(243,241,175)

#F4F3BF
(244,243,191)

#F5F5CF
(245,245,207)

#F6F7DF
(246,247,223)

#F7F9EF
(247,249,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #EDE54F color. Also use rgb(237,229,79) instead hex code.

Text Font Color

.myTextColor { color: #EDE54F; }

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

This text font color is #EDE54F.

Background Color

.myBgColor { background-color: #EDE54F; }

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

This div background color is #EDE54F.

Border color

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

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

This div border color is #EDE54F.

Opacity

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

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

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

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

This text has shadow with #EDE54F color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #EDE54F.

Preview

Color preview on black background

This text has color #EDE54F on black background.

Color preview on white background

This text has color #EDE54F on white background.

Black color preview on #EDE54F background

This text has black color on #EDE54F background.

White color preview on #EDE54F background

This text has white color on #EDE54F background.

COLOR #EDE54F