COLORE #50BE6F

HEX: #50BE6F RGB: (80,190,111)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #50BE6F contiene principalmente il verde. Per il #50BE6F il colore web safe è #66CC66 (#6C6).

Modello di colore RGB

Il colore 50BE6F in RGB è definito come 80,190,111

Il rosso è 80;
Il verde è 190;
Il blu è 111.

RGB: (80,190,111) (31%, 75%, 44%)

Rapporto dei colori in RGB

R 80 da 255 = 31%
G 190 da 255 = 75%
B 111 da 255 = 44%

190

111

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

Canali RGB in percentuale

R + G + B = 80 + 190 + 111 = 381 (100%)
R 80 da 381 ~ 21%
G 190 da 381 ~ 49.87%
B 111 da 381 ~ 29.13'%

%21

%49.87

%29.13

Modello di colore CMYK

Il colore #50BE6F in CMYK è definito come 58,0,42,25.

Il color verde blu è 57.89%
Il color magenta è 0.00%
Il giallo è 41.58%
Il colore chiave è 25.49%

CMYK: (58,0,42,25)
C58M0Y42K25 (58%, 0%, 42%, 25%)
(0.58 / 0.00 / 0.42 / 0.25)

Canali CMYK in percentuale

%57.89

%41.58

%25.49

Codici del colore

Il #50BE6F nei modelli di colore popolari.

	50	BE	6F
RGB	80	190	111
HSL	137°	45.83%	52.94%
HSB/HSV	137°	57.89%	74.51%
CMYK	57.89%	0.00%	41.58%
CMYK	25.49%

Il #50BE6F nei modelli numerici popolari.

Esadicemale	50	BE	6F
Decimale	80	190	111
Binario	1010000	10111110	1101111
Ottale	120	276	157

Tonalita del colore

Tonalità scure del colore #50BE6F

#50BE6F
(80,190,111)

#49AD65
(73,173,101)

#429C5B
(66,156,91)

#3B8B51
(59,139,81)

#347A47
(52,122,71)

#2D693D
(45,105,61)

#265833
(38,88,51)

#1F4729
(31,71,41)

#18361F
(24,54,31)

#112515
(17,37,21)

#0A140B
(10,20,11)

#000000
(0,0,0)

Tonalità chiare del colore #50BE6F

#50BE6F
(80,190,111)

#5FC37C
(95,195,124)

#6EC889
(110,200,137)

#7DCD96
(125,205,150)

#8CD2A3
(140,210,163)

#9BD7B0
(155,215,176)

#AADCBD
(170,220,189)

#B9E1CA
(185,225,202)

#C8E6D7
(200,230,215)

#D7EBE4
(215,235,228)

#E6F0F1
(230,240,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #50BE6F. Utilizzate rgb(80,190,111) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #50BE6F; }

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

Il colore di questo testo è #50BE6F.

Colore dello sfondo

.myBgColor { background-color: #50BE6F; }

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

Questo div ha lo sfondo di colore #50BE6F.

Colore del bordo

.myBorderColor { border: 1px solid #50BE6F; }

Questo div ha i bordi di colore 50BE6F.

Trasparenza

.myOpacity80 { color: #50BE6F; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #50BE6F.

.textShadow {text-shadow: 3px 3px 1px #50BE6F', 3px 3px 1px red;}

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #50BE6F.