COLORE #489450

HEX: #489450
RGB: (72,148,80)

Informazioni

Il colore #489450 contiene principalmente il verde. Per il #489450 il colore web safe è #339966 (#396).

Modello di colore RGB

Il colore 489450 in RGB è definito come 72,148,80

  • Il rosso è 72;
  • Il verde è 148;
  • Il blu è 80.
RGB:
(72,148,80)
(28%,58%,31%)

Rapporto dei colori in RGB

R 72 da 255 = 28%
G 148 da 255 = 58%
B 80 da 255 = 31%

72
148
80

R + G + B ~ 39%. #489450 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
72 + 148 + 80 = 300 (100%)
R 72 da 300 ~ 24%
G 148 da 300 ~ 49.33%
B 80 da 300 ~ 26.67%

%24
%49.33
%26.67

Modello di colore CMYK

Il colore #489450 in CMYK è definito come 51,0,46,42.

  • Il color verde blu è 51.35%
  • Il color magenta è 0.00%
  • Il giallo è 45.95%
  • Il colore chiave è 41.96%
CMYK:
(51,0,46,42)
C51M0Y46K42 
(51%,0%,46%,42%)
(0.51/0.00/0.46/0.42)	

Canali CMYK in percentuale

%51.35
%0
%45.95
%41.96

Codici del colore

Il #489450 nei modelli di colore popolari.

489450
RGB7214880
HSL126°34.55%43.14%
HSB/HSV126°51.35%58.04%
CMYK51.35%0.00%45.95%
41.96%

Il #489450 nei modelli numerici popolari.

Esadicemale489450
Decimale7214880
Binario1001000100101001010000
Ottale110224120

Tonalita del colore

Tonalità scure del colore #489450

#489450
(72,148,80)
#428749
(66,135,73)
#3C7A42
(60,122,66)
#366D3B
(54,109,59)
#306034
(48,96,52)
#2A532D
(42,83,45)
#244626
(36,70,38)
#1E391F
(30,57,31)
#182C18
(24,44,24)
#121F11
(18,31,17)
#0C120A
(12,18,10)
#000000
(0,0,0)

Tonalità chiare del colore #489450

#489450
(72,148,80)
#589D5F
(88,157,95)
#68A66E
(104,166,110)
#78AF7D
(120,175,125)
#88B88C
(136,184,140)
#98C19B
(152,193,155)
#A8CAAA
(168,202,170)
#B8D3B9
(184,211,185)
#C8DCC8
(200,220,200)
#D8E5D7
(216,229,215)
#E8EEE6
(232,238,230)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #489450. Utilizzate rgb(72,148,80) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #489450; }

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

Il colore di questo testo è #489450.


Colore dello sfondo

.myBgColor { background-color: #489450; }

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

Questo div ha lo sfondo di colore #489450.


Colore del bordo

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

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

Questo div ha i bordi di colore 489450.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #489450.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #489450

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


Esempio del testo bianco sullo sfondo del colore #489450

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