COLORE #B0D4BB

HEX: #B0D4BB
RGB: (176,212,187)

Informazioni

Il colore #B0D4BB contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #B0D4BB il colore web safe è #99CCCC (#9CC).

Modello di colore RGB

Il colore B0D4BB in RGB è definito come 176,212,187

  • Il rosso è 176;
  • Il verde è 212;
  • Il blu è 187.
RGB:
(176,212,187)
(69%,83%,73%)

Rapporto dei colori in RGB

R 176 da 255 = 69%
G 212 da 255 = 83%
B 187 da 255 = 73%

176
212
187

R + G + B ~ 75%. #B0D4BB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
176 + 212 + 187 = 575 (100%)
R 176 da 575 ~ 30.61%
G 212 da 575 ~ 36.87%
B 187 da 575 ~ 32.52%

%30.61
%36.87
%32.52

Modello di colore CMYK

Il colore #B0D4BB in CMYK è definito come 17,0,12,17.

  • Il color verde blu è 16.98%
  • Il color magenta è 0.00%
  • Il giallo è 11.79%
  • Il colore chiave è 16.86%
CMYK:
(17,0,12,17)
C17M0Y12K17 
(17%,0%,12%,17%)
(0.17/0.00/0.12/0.17)	

Canali CMYK in percentuale

%16.98
%0
%11.79
%16.86

Codici del colore

Il #B0D4BB nei modelli di colore popolari.

B0D4BB
RGB176212187
HSL138°29.51%76.08%
HSB/HSV138°16.98%83.14%
CMYK16.98%0.00%11.79%
16.86%

Il #B0D4BB nei modelli numerici popolari.

EsadicemaleB0D4BB
Decimale176212187
Binario101100001101010010111011
Ottale260324273

Tonalita del colore

Tonalità scure del colore #B0D4BB

#B0D4BB
(176,212,187)
#A0C1AA
(160,193,170)
#90AE99
(144,174,153)
#809B88
(128,155,136)
#708877
(112,136,119)
#607566
(96,117,102)
#506255
(80,98,85)
#404F44
(64,79,68)
#303C33
(48,60,51)
#202922
(32,41,34)
#101611
(16,22,17)
#000000
(0,0,0)

Tonalità chiare del colore #B0D4BB

#B0D4BB
(176,212,187)
#B7D7C1
(183,215,193)
#BEDAC7
(190,218,199)
#C5DDCD
(197,221,205)
#CCE0D3
(204,224,211)
#D3E3D9
(211,227,217)
#DAE6DF
(218,230,223)
#E1E9E5
(225,233,229)
#E8ECEB
(232,236,235)
#EFEFF1
(239,239,241)
#F6F2F7
(246,242,247)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #B0D4BB; }

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

Il colore di questo testo è #B0D4BB.


Colore dello sfondo

.myBgColor { background-color: #B0D4BB; }

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

Questo div ha lo sfondo di colore #B0D4BB.


Colore del bordo

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

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

Questo div ha i bordi di colore B0D4BB.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #B0D4BB.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #B0D4BB

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


Esempio del testo bianco sullo sfondo del colore #B0D4BB

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