COLORE #B1E5A4

HEX: #B1E5A4
RGB: (177,229,164)

Informazioni

Il colore #B1E5A4 contiene principalmente il rosso e il verde. Per il #B1E5A4 il colore web safe è #99CC99 (#9C9).

Modello di colore RGB

Il colore B1E5A4 in RGB è definito come 177,229,164

  • Il rosso è 177;
  • Il verde è 229;
  • Il blu è 164.
RGB:
(177,229,164)
(69%,90%,64%)

Rapporto dei colori in RGB

R 177 da 255 = 69%
G 229 da 255 = 90%
B 164 da 255 = 64%

177
229
164

R + G + B ~ 74%. #B1E5A4 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
177 + 229 + 164 = 570 (100%)
R 177 da 570 ~ 31.05%
G 229 da 570 ~ 40.18%
B 164 da 570 ~ 28.77%

%31.05
%40.18
%28.77

Modello di colore CMYK

Il colore #B1E5A4 in CMYK è definito come 23,0,28,10.

  • Il color verde blu è 22.71%
  • Il color magenta è 0.00%
  • Il giallo è 28.38%
  • Il colore chiave è 10.20%
CMYK:
(23,0,28,10)
C23M0Y28K10 
(23%,0%,28%,10%)
(0.23/0.00/0.28/0.10)	

Canali CMYK in percentuale

%22.71
%0
%28.38
%10.2

Codici del colore

Il #B1E5A4 nei modelli di colore popolari.

B1E5A4
RGB177229164
HSL108°55.56%77.06%
HSB/HSV108°28.38%89.80%
CMYK22.71%0.00%28.38%
10.20%

Il #B1E5A4 nei modelli numerici popolari.

EsadicemaleB1E5A4
Decimale177229164
Binario101100011110010110100100
Ottale261345244

Tonalita del colore

Tonalità scure del colore #B1E5A4

#B1E5A4
(177,229,164)
#A1D196
(161,209,150)
#91BD88
(145,189,136)
#81A97A
(129,169,122)
#71956C
(113,149,108)
#61815E
(97,129,94)
#516D50
(81,109,80)
#415942
(65,89,66)
#314534
(49,69,52)
#213126
(33,49,38)
#111D18
(17,29,24)
#000000
(0,0,0)

Tonalità chiare del colore #B1E5A4

#B1E5A4
(177,229,164)
#B8E7AC
(184,231,172)
#BFE9B4
(191,233,180)
#C6EBBC
(198,235,188)
#CDEDC4
(205,237,196)
#D4EFCC
(212,239,204)
#DBF1D4
(219,241,212)
#E2F3DC
(226,243,220)
#E9F5E4
(233,245,228)
#F0F7EC
(240,247,236)
#F7F9F4
(247,249,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #B1E5A4. Utilizzate rgb(177,229,164) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #B1E5A4; }

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

Il colore di questo testo è #B1E5A4.


Colore dello sfondo

.myBgColor { background-color: #B1E5A4; }

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

Questo div ha lo sfondo di colore #B1E5A4.


Colore del bordo

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

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

Questo div ha i bordi di colore B1E5A4.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #B1E5A4.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #B1E5A4

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


Esempio del testo bianco sullo sfondo del colore #B1E5A4

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