COLORE #4EA655

HEX: #4EA655
RGB: (78,166,85)

Informazioni

Il colore #4EA655 contiene principalmente il verde. Per il #4EA655 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 4EA655 in RGB è definito come 78,166,85

  • Il rosso è 78;
  • Il verde è 166;
  • Il blu è 85.
RGB:
(78,166,85)
(31%,65%,33%)

Rapporto dei colori in RGB

R 78 da 255 = 31%
G 166 da 255 = 65%
B 85 da 255 = 33%

78
166
85

R + G + B ~ 43%. #4EA655 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
78 + 166 + 85 = 329 (100%)
R 78 da 329 ~ 23.71%
G 166 da 329 ~ 50.46%
B 85 da 329 ~ 25.84%

%23.71
%50.46
%25.84

Modello di colore CMYK

Il colore #4EA655 in CMYK è definito come 53,0,49,35.

  • Il color verde blu è 53.01%
  • Il color magenta è 0.00%
  • Il giallo è 48.80%
  • Il colore chiave è 34.90%
CMYK:
(53,0,49,35)
C53M0Y49K35 
(53%,0%,49%,35%)
(0.53/0.00/0.49/0.35)	

Canali CMYK in percentuale

%53.01
%0
%48.8
%34.9

Codici del colore

Il #4EA655 nei modelli di colore popolari.

4EA655
RGB7816685
HSL125°36.07%47.84%
HSB/HSV125°53.01%65.10%
CMYK53.01%0.00%48.80%
34.90%

Il #4EA655 nei modelli numerici popolari.

Esadicemale4EA655
Decimale7816685
Binario1001110101001101010101
Ottale116246125

Tonalita del colore

Tonalità scure del colore #4EA655

#4EA655
(78,166,85)
#47974E
(71,151,78)
#408847
(64,136,71)
#397940
(57,121,64)
#326A39
(50,106,57)
#2B5B32
(43,91,50)
#244C2B
(36,76,43)
#1D3D24
(29,61,36)
#162E1D
(22,46,29)
#0F1F16
(15,31,22)
#08100F
(8,16,15)
#000000
(0,0,0)

Tonalità chiare del colore #4EA655

#4EA655
(78,166,85)
#5EAE64
(94,174,100)
#6EB673
(110,182,115)
#7EBE82
(126,190,130)
#8EC691
(142,198,145)
#9ECEA0
(158,206,160)
#AED6AF
(174,214,175)
#BEDEBE
(190,222,190)
#CEE6CD
(206,230,205)
#DEEEDC
(222,238,220)
#EEF6EB
(238,246,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #4EA655. Utilizzate rgb(78,166,85) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #4EA655; }

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

Il colore di questo testo è #4EA655.


Colore dello sfondo

.myBgColor { background-color: #4EA655; }

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

Questo div ha lo sfondo di colore #4EA655.


Colore del bordo

.myBorderColor { border: 1px solid #4EA655; }

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

Questo div ha i bordi di colore 4EA655.


Trasparenza

.myOpacity80 { color: #4EA655; opacity: 0.8; }

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

Il testo di color #4EA655 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 #4EA655;}

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

Questo testo ha l'ombra di colore #4EA655.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #4EA655 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #4EA655 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #4EA655

Questo è un testo nero sullo sfondo del colore #4EA655.


Esempio del testo bianco sullo sfondo del colore #4EA655

Questo è un testo bianco sullo sfondo del colore #4EA655.