Colore #80AA94, codici hex ed rgb, esempi

Informazioni

Il colore #80AA94 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #80AA94 il colore web safe è #669999 (#699).

Modello di colore RGB

Il colore 80AA94 in RGB è definito come 128,170,148

Il rosso è 128;
Il verde è 170;
Il blu è 148.

RGB:
(128,170,148)
(50%,67%,58%)

Rapporto dei colori in RGB

R 128 da 255 = 50%
G 170 da 255 = 67%
B 148 da 255 = 58%

128

170

148

R + G + B ~ 58%. #80AA94 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
128 + 170 + 148 = 446 (100%)
R 128 da 446 ~ 28.7%
G 170 da 446 ~ 38.12%
B 148 da 446 ~ 33.18%

%28.7

%38.12

%33.18

Modello di colore CMYK

Il colore #80AA94 in CMYK è definito come 25,0,13,33.

Il color verde blu è 24.71%
Il color magenta è 0.00%
Il giallo è 12.94%
Il colore chiave è 33.33%

CMYK:
(25,0,13,33)
C25M0Y13K33 
(25%,0%,13%,33%)
(0.25/0.00/0.13/0.33)

Canali CMYK in percentuale

%24.71

%12.94

%33.33

Codici del colore

Il #80AA94 nei modelli di colore popolari.

	80	AA	94
RGB	128	170	148
HSL	149°	19.81%	58.43%
HSB/HSV	149°	24.71%	66.67%
CMYK	24.71%	0.00%	12.94%
CMYK	33.33%

Il #80AA94 nei modelli numerici popolari.

Esadicemale	80	AA	94
Decimale	128	170	148
Binario	10000000	10101010	10010100
Ottale	200	252	224

Tonalita del colore

Tonalità scure del colore #80AA94

#80AA94
(128,170,148)

#759B87
(117,155,135)

#6A8C7A
(106,140,122)

#5F7D6D
(95,125,109)

#546E60
(84,110,96)

#495F53
(73,95,83)

#3E5046
(62,80,70)

#334139
(51,65,57)

#28322C
(40,50,44)

#1D231F
(29,35,31)

#121412
(18,20,18)

#000000
(0,0,0)

Tonalità chiare del colore #80AA94

#80AA94
(128,170,148)

#8BB19D
(139,177,157)

#96B8A6
(150,184,166)

#A1BFAF
(161,191,175)

#ACC6B8
(172,198,184)

#B7CDC1
(183,205,193)

#C2D4CA
(194,212,202)

#CDDBD3
(205,219,211)

#D8E2DC
(216,226,220)

#E3E9E5
(227,233,229)

#EEF0EE
(238,240,238)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #80AA94; }

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

Il colore di questo testo è #80AA94.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #80AA94.

Colore del bordo

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

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

Questo div ha i bordi di colore 80AA94.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #80AA94.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #80AA94

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

Esempio del testo bianco sullo sfondo del colore #80AA94

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

COLORE #80AA94