COLORE #80B1B6

HEX: #80B1B6
RGB: (128,177,182)

Informazioni

Il colore #80B1B6 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #80B1B6 il colore web safe è #6699CC (#69C).

Modello di colore RGB

Il colore 80B1B6 in RGB è definito come 128,177,182

  • Il rosso è 128;
  • Il verde è 177;
  • Il blu è 182.
RGB: (128,177,182) (50%,69%,71%)

Rapporto dei colori in RGB

R 128 da 255 = 50%
G 177 da 255 = 69%
B 182 da 255 = 71%

128
177
182

R + G + B ~ 63%. #80B1B6 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
128 + 177 + 182 = 487 (100%)
R 128 da 487 ~ 26.28%
G 177 da 487 ~ 36.34%
B 182 da 487 ~ 37.37%

%26.28
%36.34
%37.37

Modello di colore CMYK

Il colore #80B1B6 in CMYK è definito come 30,3,0,29.

  • Il color verde blu è 29.67%
  • Il color magenta è 2.75%
  • Il giallo è 0.00%
  • Il colore chiave è 28.63%
CMYK: (30,3,0,29) C30M3Y0K29 (30%,3%,0%,29%) (0.30/0.03/0.00/0.29)

Canali CMYK in percentuale

%29.67
%2.75
%0
%28.63

Codici del colore

Il #80B1B6 nei modelli di colore popolari.

80B1B6
RGB128177182
HSL186°27.00%60.78%
HSB/HSV186°29.67%71.37%
CMYK29.67%2.75%0.00%
28.63%

Il #80B1B6 nei modelli numerici popolari.

Esadicemale80B1B6
Decimale128177182
Binario100000001011000110110110
Ottale200261266

Tonalita del colore

Tonalità scure del colore #80B1B6

#80B1B6
(128,177,182)
#75A1A6
(117,161,166)
#6A9196
(106,145,150)
#5F8186
(95,129,134)
#547176
(84,113,118)
#496166
(73,97,102)
#3E5156
(62,81,86)
#334146
(51,65,70)
#283136
(40,49,54)
#1D2126
(29,33,38)
#121116
(18,17,22)
#000000
(0,0,0)

Tonalità chiare del colore #80B1B6

#80B1B6
(128,177,182)
#8BB8BC
(139,184,188)
#96BFC2
(150,191,194)
#A1C6C8
(161,198,200)
#ACCDCE
(172,205,206)
#B7D4D4
(183,212,212)
#C2DBDA
(194,219,218)
#CDE2E0
(205,226,224)
#D8E9E6
(216,233,230)
#E3F0EC
(227,240,236)
#EEF7F2
(238,247,242)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #80B1B6. Utilizzate rgb(128,177,182) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #80B1B6; }

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

Il colore di questo testo è #80B1B6.


Colore dello sfondo

.myBgColor { background-color: #80B1B6; }

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

Questo div ha lo sfondo di colore #80B1B6.


Colore del bordo

.myBorderColor { border: 1px solid #80B1B6; }

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

Questo div ha i bordi di colore 80B1B6.


Trasparenza

.myOpacity80 { color: #80B1B6; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #80B1B6.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #80B1B6 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #80B1B6 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #80B1B6

Questo è un testo nero sullo sfondo del colore #80B1B6.


Esempio del testo bianco sullo sfondo del colore #80B1B6

Questo è un testo bianco sullo sfondo del colore #80B1B6.



↑