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

Renk bilgisi

#ED5019 contains mainly red color. #ED5019 ‘ nin web güvenlik rengi #FF6600 (ya da #F60) dir.

RGB renk modeli

#ED5019 color RGB value is (237,80,25).

kırmız ton 237;
yeşil ton 80;
mavi ton 25.

RGB:
(237,80,25)
(93%,31%,10%)

RGB bağlantıları ve doygunluk

R 237 of 255 = 93%
G 80 of 255 = 31%
B 25 of 255 = 10%

237

R + G + B ~ 45%. #ED5019 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
237 + 80 + 25 = 342 (100%)
R 237 of 342 ~ 69.3%
G 80 of 342 ~ 23.39%
B 25 of 342 ~ 7.31%

%69.3

%23.39

CMYK RENK MODELİ

#ED5019 rengi CMYK tonu (0,66,89,7).

camgöbeği tonu 0.00%
eflatun tonu 66.24%
sarı tonu 89.45%
ana renk tonu 7.06%

CMYK:
(0,66,89,7)
C0M66Y89K7 
(0%,66%,89%,7%)
(0.00/0.66/0.89/0.07)

CMYK yüzdeleri

%66.24

%89.45

%7.06

Codes

Color #ED5019 in popluar color models

	ED	50	19
RGB	237	80	25
HSL	16°	85.48%	51.37%
HSB/HSV	16°	89.45%	92.94%
CMYK	0.00%	66.24%	89.45%
CMYK	7.06%

Color #ED5019 in popluar number systems.

HEX	ED	50	19
Decimal	237	80	25
Binary	11101101	1010000	11001
Octal	355	120	31

Shades and tints

Shades of #ED5019

#ED5019
(237,80,25)

#D84917
(216,73,23)

#C34215
(195,66,21)

#AE3B13
(174,59,19)

#993411
(153,52,17)

#842D0F
(132,45,15)

#6F260D
(111,38,13)

#5A1F0B
(90,31,11)

#451809
(69,24,9)

#301107
(48,17,7)

#1B0A05
(27,10,5)

#000000
(0,0,0)

Tints of #ED5019

#ED5019
(237,80,25)

#EE5F2D
(238,95,45)

#EF6E41
(239,110,65)

#F07D55
(240,125,85)

#F18C69
(241,140,105)

#F29B7D
(242,155,125)

#F3AA91
(243,170,145)

#F4B9A5
(244,185,165)

#F5C8B9
(245,200,185)

#F6D7CD
(246,215,205)

#F7E6E1
(247,230,225)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #ED5019 color. Also use rgb(237,80,25) instead hex code.

Text Font Color

.myTextColor { color: #ED5019; }

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

This text font color is #ED5019.

Background Color

.myBgColor { background-color: #ED5019; }

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

This div background color is #ED5019.

Border color

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

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

This div border color is #ED5019.

Opacity

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

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

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

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

This text has shadow with #ED5019 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #ED5019.

Preview

Color preview on black background

This text has color #ED5019 on black background.

Color preview on white background

This text has color #ED5019 on white background.

Black color preview on #ED5019 background

This text has black color on #ED5019 background.

White color preview on #ED5019 background

This text has white color on #ED5019 background.

COLOR #ED5019