Colore #BBF8C8, codici hex ed rgb, esempi

Informazioni

Il colore #BBF8C8 contiene principalmente il verde e il blu. Per il #BBF8C8 il colore web safe è #CCFFCC (#CFC).

Modello di colore RGB

Il colore BBF8C8 in RGB è definito come 187,248,200

Il rosso è 187;
Il verde è 248;
Il blu è 200.

RGB:
(187,248,200)
(73%,97%,78%)

Rapporto dei colori in RGB

R 187 da 255 = 73%
G 248 da 255 = 97%
B 200 da 255 = 78%

187

248

200

R + G + B ~ 83%. #BBF8C8 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
187 + 248 + 200 = 635 (100%)
R 187 da 635 ~ 29.45%
G 248 da 635 ~ 39.06%
B 200 da 635 ~ 31.5%

%29.45

%39.06

%31.5

Modello di colore CMYK

Il colore #BBF8C8 in CMYK è definito come 25,0,19,3.

Il color verde blu è 24.60%
Il color magenta è 0.00%
Il giallo è 19.35%
Il colore chiave è 2.75%

CMYK:
(25,0,19,3)
C25M0Y19K3 
(25%,0%,19%,3%)
(0.25/0.00/0.19/0.03)

Canali CMYK in percentuale

%24.6

%19.35

%2.75

Codici del colore

Il #BBF8C8 nei modelli di colore popolari.

	BB	F8	C8
RGB	187	248	200
HSL	133°	81.33%	85.29%
HSB/HSV	133°	24.60%	97.25%
CMYK	24.60%	0.00%	19.35%
CMYK	2.75%

Il #BBF8C8 nei modelli numerici popolari.

Esadicemale	BB	F8	C8
Decimale	187	248	200
Binario	10111011	11111000	11001000
Ottale	273	370	310

Tonalita del colore

Tonalità scure del colore #BBF8C8

#BBF8C8
(187,248,200)

#AAE2B6
(170,226,182)

#99CCA4
(153,204,164)

#88B692
(136,182,146)

#77A080
(119,160,128)

#668A6E
(102,138,110)

#55745C
(85,116,92)

#445E4A
(68,94,74)

#334838
(51,72,56)

#223226
(34,50,38)

#111C14
(17,28,20)

#000000
(0,0,0)

Tonalità chiare del colore #BBF8C8

#BBF8C8
(187,248,200)

#C1F8CD
(193,248,205)

#C7F8D2
(199,248,210)

#CDF8D7
(205,248,215)

#D3F8DC
(211,248,220)

#D9F8E1
(217,248,225)

#DFF8E6
(223,248,230)

#E5F8EB
(229,248,235)

#EBF8F0
(235,248,240)

#F1F8F5
(241,248,245)

#F7F8FA
(247,248,250)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #BBF8C8; }

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

Il colore di questo testo è #BBF8C8.

Colore dello sfondo

.myBgColor { background-color: #BBF8C8; }

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

Questo div ha lo sfondo di colore #BBF8C8.

Colore del bordo

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

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

Questo div ha i bordi di colore BBF8C8.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #BBF8C8.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #BBF8C8.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #BBF8C8

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

Esempio del testo bianco sullo sfondo del colore #BBF8C8

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

COLORE #BBF8C8