COLORE #ED5B74

HEX: #ED5B74
RGB: (237,91,116)

Informazioni

Il colore #ED5B74 contiene principalmente il rosso. Per il #ED5B74 il colore web safe è #FF6666 (#F66).

Modello di colore RGB

Il colore ED5B74 in RGB è definito come 237,91,116

  • Il rosso è 237;
  • Il verde è 91;
  • Il blu è 116.
RGB:
(237,91,116)
(93%,36%,45%)

Rapporto dei colori in RGB

R 237 da 255 = 93%
G 91 da 255 = 36%
B 116 da 255 = 45%

237
91
116

R + G + B ~ 58%. #ED5B74 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
237 + 91 + 116 = 444 (100%)
R 237 da 444 ~ 53.38%
G 91 da 444 ~ 20.5%
B 116 da 444 ~ 26.13%

%53.38
%20.5
%26.13

Modello di colore CMYK

Il colore #ED5B74 in CMYK è definito come 0,62,51,7.

  • Il color verde blu è 0.00%
  • Il color magenta è 61.60%
  • Il giallo è 51.05%
  • Il colore chiave è 7.06%
CMYK:
(0,62,51,7)
C0M62Y51K7 
(0%,62%,51%,7%)
(0.00/0.62/0.51/0.07)	

Canali CMYK in percentuale

%0
%61.6
%51.05
%7.06

Codici del colore

Il #ED5B74 nei modelli di colore popolari.

ED5B74
RGB23791116
HSL350°80.22%64.31%
HSB/HSV350°61.60%92.94%
CMYK0.00%61.60%51.05%
7.06%

Il #ED5B74 nei modelli numerici popolari.

EsadicemaleED5B74
Decimale23791116
Binario1110110110110111110100
Ottale355133164

Tonalita del colore

Tonalità scure del colore #ED5B74

#ED5B74
(237,91,116)
#D8536A
(216,83,106)
#C34B60
(195,75,96)
#AE4356
(174,67,86)
#993B4C
(153,59,76)
#843342
(132,51,66)
#6F2B38
(111,43,56)
#5A232E
(90,35,46)
#451B24
(69,27,36)
#30131A
(48,19,26)
#1B0B10
(27,11,16)
#000000
(0,0,0)

Tonalità chiare del colore #ED5B74

#ED5B74
(237,91,116)
#EE6980
(238,105,128)
#EF778C
(239,119,140)
#F08598
(240,133,152)
#F193A4
(241,147,164)
#F2A1B0
(242,161,176)
#F3AFBC
(243,175,188)
#F4BDC8
(244,189,200)
#F5CBD4
(245,203,212)
#F6D9E0
(246,217,224)
#F7E7EC
(247,231,236)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ED5B74. Utilizzate rgb(237,91,116) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ED5B74; }

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

Il colore di questo testo è #ED5B74.


Colore dello sfondo

.myBgColor { background-color: #ED5B74; }

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

Questo div ha lo sfondo di colore #ED5B74.


Colore del bordo

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

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

Questo div ha i bordi di colore ED5B74.


Trasparenza

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

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

Il testo di color #ED5B74 e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.

Sfondo con il livello di trasparenza 80%.

Sfondo con il livello di trasparenza 50%.

Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #ED5B74;}

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

Questo testo ha l'ombra di colore #ED5B74.

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

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

Questo testo ha l'ombra del colore principale #ED5B74 e del colore secondario rosso.


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #ED5B74;
-webkit-box-shadow: 1px 1px 3px 2px #ED5B74;
box-shadow:1px 1px 3px 2px #ED5B74;">
Div content here</div>
Questo div ha l'ombra di colore #ED5B74.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #ED5B74 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #ED5B74 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #ED5B74

Questo è un testo nero sullo sfondo del colore #ED5B74.


Esempio del testo bianco sullo sfondo del colore #ED5B74

Questo è un testo bianco sullo sfondo del colore #ED5B74.