Colore #87AABC, codici hex ed rgb, esempi

Informazioni

Il colore #87AABC contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #87AABC il colore web safe è #9999CC (#99C).

Modello di colore RGB

Il colore 87AABC in RGB è definito come 135,170,188

Il rosso è 135;
Il verde è 170;
Il blu è 188.

RGB:
(135,170,188)
(53%,67%,74%)

Rapporto dei colori in RGB

R 135 da 255 = 53%
G 170 da 255 = 67%
B 188 da 255 = 74%

135

170

188

R + G + B ~ 65%. #87AABC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
135 + 170 + 188 = 493 (100%)
R 135 da 493 ~ 27.38%
G 170 da 493 ~ 34.48%
B 188 da 493 ~ 38.13%

%27.38

%34.48

%38.13

Modello di colore CMYK

Il colore #87AABC in CMYK è definito come 28,10,0,26.

Il color verde blu è 28.19%
Il color magenta è 9.57%
Il giallo è 0.00%
Il colore chiave è 26.27%

CMYK:
(28,10,0,26)
C28M10Y0K26 
(28%,10%,0%,26%)
(0.28/0.10/0.00/0.26)

Canali CMYK in percentuale

%28.19

%9.57

%26.27

Codici del colore

Il #87AABC nei modelli di colore popolari.

	87	AA	BC
RGB	135	170	188
HSL	200°	28.34%	63.33%
HSB/HSV	200°	28.19%	73.73%
CMYK	28.19%	9.57%	0.00%
CMYK	26.27%

Il #87AABC nei modelli numerici popolari.

Esadicemale	87	AA	BC
Decimale	135	170	188
Binario	10000111	10101010	10111100
Ottale	207	252	274

Tonalita del colore

Tonalità scure del colore #87AABC

#87AABC
(135,170,188)

#7B9BAB
(123,155,171)

#6F8C9A
(111,140,154)

#637D89
(99,125,137)

#576E78
(87,110,120)

#4B5F67
(75,95,103)

#3F5056
(63,80,86)

#334145
(51,65,69)

#273234
(39,50,52)

#1B2323
(27,35,35)

#0F1412
(15,20,18)

#000000
(0,0,0)

Tonalità chiare del colore #87AABC

#87AABC
(135,170,188)

#91B1C2
(145,177,194)

#9BB8C8
(155,184,200)

#A5BFCE
(165,191,206)

#AFC6D4
(175,198,212)

#B9CDDA
(185,205,218)

#C3D4E0
(195,212,224)

#CDDBE6
(205,219,230)

#D7E2EC
(215,226,236)

#E1E9F2
(225,233,242)

#EBF0F8
(235,240,248)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #87AABC. Utilizzate rgb(135,170,188) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #87AABC; }

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

Il colore di questo testo è #87AABC.

Colore dello sfondo

.myBgColor { background-color: #87AABC; }

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

Questo div ha lo sfondo di colore #87AABC.

Colore del bordo

.myBorderColor { border: 1px solid #87AABC; }

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

Questo div ha i bordi di colore 87AABC.

Trasparenza

.myOpacity80 { color: #87AABC; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #87AABC.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #87AABC.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #87AABC sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #87AABC sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #87AABC

Questo è un testo nero sullo sfondo del colore #87AABC.

Esempio del testo bianco sullo sfondo del colore #87AABC

Questo è un testo bianco sullo sfondo del colore #87AABC.

COLORE #87AABC