COLORE #5FB249

HEX: #5FB249
RGB: (95,178,73)

Informazioni

Il colore #5FB249 contiene principalmente il verde. Per il #5FB249 il colore web safe è #669933 (#693).

Modello di colore RGB

Il colore 5FB249 in RGB è definito come 95,178,73

  • Il rosso è 95;
  • Il verde è 178;
  • Il blu è 73.
RGB:
(95,178,73)
(37%,70%,29%)

Rapporto dei colori in RGB

R 95 da 255 = 37%
G 178 da 255 = 70%
B 73 da 255 = 29%

95
178
73

R + G + B ~ 45%. #5FB249 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
95 + 178 + 73 = 346 (100%)
R 95 da 346 ~ 27.46%
G 178 da 346 ~ 51.45%
B 73 da 346 ~ 21.1%

%27.46
%51.45
%21.1

Modello di colore CMYK

Il colore #5FB249 in CMYK è definito come 47,0,59,30.

  • Il color verde blu è 46.63%
  • Il color magenta è 0.00%
  • Il giallo è 58.99%
  • Il colore chiave è 30.20%
CMYK:
(47,0,59,30)
C47M0Y59K30 
(47%,0%,59%,30%)
(0.47/0.00/0.59/0.30)	

Canali CMYK in percentuale

%46.63
%0
%58.99
%30.2

Codici del colore

Il #5FB249 nei modelli di colore popolari.

5FB249
RGB9517873
HSL107°41.83%49.22%
HSB/HSV107°58.99%69.80%
CMYK46.63%0.00%58.99%
30.20%

Il #5FB249 nei modelli numerici popolari.

Esadicemale5FB249
Decimale9517873
Binario1011111101100101001001
Ottale137262111

Tonalita del colore

Tonalità scure del colore #5FB249

#5FB249
(95,178,73)
#57A243
(87,162,67)
#4F923D
(79,146,61)
#478237
(71,130,55)
#3F7231
(63,114,49)
#37622B
(55,98,43)
#2F5225
(47,82,37)
#27421F
(39,66,31)
#1F3219
(31,50,25)
#172213
(23,34,19)
#0F120D
(15,18,13)
#000000
(0,0,0)

Tonalità chiare del colore #5FB249

#5FB249
(95,178,73)
#6DB959
(109,185,89)
#7BC069
(123,192,105)
#89C779
(137,199,121)
#97CE89
(151,206,137)
#A5D599
(165,213,153)
#B3DCA9
(179,220,169)
#C1E3B9
(193,227,185)
#CFEAC9
(207,234,201)
#DDF1D9
(221,241,217)
#EBF8E9
(235,248,233)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5FB249. Utilizzate rgb(95,178,73) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5FB249; }

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

Il colore di questo testo è #5FB249.


Colore dello sfondo

.myBgColor { background-color: #5FB249; }

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

Questo div ha lo sfondo di colore #5FB249.


Colore del bordo

.myBorderColor { border: 1px solid #5FB249; }

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

Questo div ha i bordi di colore 5FB249.


Trasparenza

.myOpacity80 { color: #5FB249; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #5FB249.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5FB249 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5FB249 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #5FB249

Questo è un testo nero sullo sfondo del colore #5FB249.


Esempio del testo bianco sullo sfondo del colore #5FB249

Questo è un testo bianco sullo sfondo del colore #5FB249.