Colore #B0F0AB, codici hex ed rgb, esempi

Informazioni

Il colore #B0F0AB contiene principalmente il verde. Per il #B0F0AB il colore web safe è #99FF99 (#9F9).

Modello di colore RGB

Il colore B0F0AB in RGB è definito come 176,240,171

Il rosso è 176;
Il verde è 240;
Il blu è 171.

RGB:
(176,240,171)
(69%,94%,67%)

Rapporto dei colori in RGB

R 176 da 255 = 69%
G 240 da 255 = 94%
B 171 da 255 = 67%

176

240

171

R + G + B ~ 77%. #B0F0AB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
176 + 240 + 171 = 587 (100%)
R 176 da 587 ~ 29.98%
G 240 da 587 ~ 40.89%
B 171 da 587 ~ 29.13%

%29.98

%40.89

%29.13

Modello di colore CMYK

Il colore #B0F0AB in CMYK è definito come 27,0,29,6.

Il color verde blu è 26.67%
Il color magenta è 0.00%
Il giallo è 28.75%
Il colore chiave è 5.88%

CMYK:
(27,0,29,6)
C27M0Y29K6 
(27%,0%,29%,6%)
(0.27/0.00/0.29/0.06)

Canali CMYK in percentuale

%26.67

%28.75

%5.88

Codici del colore

Il #B0F0AB nei modelli di colore popolari.

	B0	F0	AB
RGB	176	240	171
HSL	116°	69.70%	80.59%
HSB/HSV	116°	28.75%	94.12%
CMYK	26.67%	0.00%	28.75%
CMYK	5.88%

Il #B0F0AB nei modelli numerici popolari.

Esadicemale	B0	F0	AB
Decimale	176	240	171
Binario	10110000	11110000	10101011
Ottale	260	360	253

Tonalita del colore

Tonalità scure del colore #B0F0AB

#B0F0AB
(176,240,171)

#A0DB9C
(160,219,156)

#90C68D
(144,198,141)

#80B17E
(128,177,126)

#709C6F
(112,156,111)

#608760
(96,135,96)

#507251
(80,114,81)

#405D42
(64,93,66)

#304833
(48,72,51)

#203324
(32,51,36)

#101E15
(16,30,21)

#000000
(0,0,0)

Tonalità chiare del colore #B0F0AB

#B0F0AB
(176,240,171)

#B7F1B2
(183,241,178)

#BEF2B9
(190,242,185)

#C5F3C0
(197,243,192)

#CCF4C7
(204,244,199)

#D3F5CE
(211,245,206)

#DAF6D5
(218,246,213)

#E1F7DC
(225,247,220)

#E8F8E3
(232,248,227)

#EFF9EA
(239,249,234)

#F6FAF1
(246,250,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #B0F0AB. Utilizzate rgb(176,240,171) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #B0F0AB; }

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

Il colore di questo testo è #B0F0AB.

Colore dello sfondo

.myBgColor { background-color: #B0F0AB; }

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

Questo div ha lo sfondo di colore #B0F0AB.

Colore del bordo

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

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

Questo div ha i bordi di colore B0F0AB.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #B0F0AB.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #B0F0AB.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #B0F0AB

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

Esempio del testo bianco sullo sfondo del colore #B0F0AB

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

COLORE #B0F0AB