Colore #BBEEAB, codici hex ed rgb, esempi

Informazioni

Il colore #BBEEAB contiene principalmente il rosso e il verde. Per il #BBEEAB il colore web safe è #CCFF99 (#CF9).

Modello di colore RGB

Il colore BBEEAB in RGB è definito come 187,238,171

Il rosso è 187;
Il verde è 238;
Il blu è 171.

RGB:
(187,238,171)
(73%,93%,67%)

Rapporto dei colori in RGB

R 187 da 255 = 73%
G 238 da 255 = 93%
B 171 da 255 = 67%

187

238

171

R + G + B ~ 78%. #BBEEAB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
187 + 238 + 171 = 596 (100%)
R 187 da 596 ~ 31.38%
G 238 da 596 ~ 39.93%
B 171 da 596 ~ 28.69%

%31.38

%39.93

%28.69

Modello di colore CMYK

Il colore #BBEEAB in CMYK è definito come 21,0,28,7.

Il color verde blu è 21.43%
Il color magenta è 0.00%
Il giallo è 28.15%
Il colore chiave è 6.67%

CMYK:
(21,0,28,7)
C21M0Y28K7 
(21%,0%,28%,7%)
(0.21/0.00/0.28/0.07)

Canali CMYK in percentuale

%21.43

%28.15

%6.67

Codici del colore

Il #BBEEAB nei modelli di colore popolari.

	BB	EE	AB
RGB	187	238	171
HSL	106°	66.34%	80.20%
HSB/HSV	106°	28.15%	93.33%
CMYK	21.43%	0.00%	28.15%
CMYK	6.67%

Il #BBEEAB nei modelli numerici popolari.

Esadicemale	BB	EE	AB
Decimale	187	238	171
Binario	10111011	11101110	10101011
Ottale	273	356	253

Tonalita del colore

Tonalità scure del colore #BBEEAB

#BBEEAB
(187,238,171)

#AAD99C
(170,217,156)

#99C48D
(153,196,141)

#88AF7E
(136,175,126)

#779A6F
(119,154,111)

#668560
(102,133,96)

#557051
(85,112,81)

#445B42
(68,91,66)

#334633
(51,70,51)

#223124
(34,49,36)

#111C15
(17,28,21)

#000000
(0,0,0)

Tonalità chiare del colore #BBEEAB

#BBEEAB
(187,238,171)

#C1EFB2
(193,239,178)

#C7F0B9
(199,240,185)

#CDF1C0
(205,241,192)

#D3F2C7
(211,242,199)

#D9F3CE
(217,243,206)

#DFF4D5
(223,244,213)

#E5F5DC
(229,245,220)

#EBF6E3
(235,246,227)

#F1F7EA
(241,247,234)

#F7F8F1
(247,248,241)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #BBEEAB; }

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

Il colore di questo testo è #BBEEAB.

Colore dello sfondo

.myBgColor { background-color: #BBEEAB; }

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

Questo div ha lo sfondo di colore #BBEEAB.

Colore del bordo

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

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

Questo div ha i bordi di colore BBEEAB.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #BBEEAB.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #BBEEAB.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #BBEEAB

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

Esempio del testo bianco sullo sfondo del colore #BBEEAB

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

COLORE #BBEEAB