Colore #487B96, codici hex ed rgb, esempi

Informazioni

Il colore #487B96 contiene principalmente il verde e il blu. Per il #487B96 il colore web safe è #336699 (#369).

Modello di colore RGB

Il colore 487B96 in RGB è definito come 72,123,150

Il rosso è 72;
Il verde è 123;
Il blu è 150.

RGB:
(72,123,150)
(28%,48%,59%)

Rapporto dei colori in RGB

R 72 da 255 = 28%
G 123 da 255 = 48%
B 150 da 255 = 59%

123

150

R + G + B ~ 45%. #487B96 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
72 + 123 + 150 = 345 (100%)
R 72 da 345 ~ 20.87%
G 123 da 345 ~ 35.65%
B 150 da 345 ~ 43.48%

%20.87

%35.65

%43.48

Modello di colore CMYK

Il colore #487B96 in CMYK è definito come 52,18,0,41.

Il color verde blu è 52.00%
Il color magenta è 18.00%
Il giallo è 0.00%
Il colore chiave è 41.18%

CMYK:
(52,18,0,41)
C52M18Y0K41 
(52%,18%,0%,41%)
(0.52/0.18/0.00/0.41)

Canali CMYK in percentuale

%52

%18

%41.18

Codici del colore

Il #487B96 nei modelli di colore popolari.

	48	7B	96
RGB	72	123	150
HSL	201°	35.14%	43.53%
HSB/HSV	201°	52.00%	58.82%
CMYK	52.00%	18.00%	0.00%
CMYK	41.18%

Il #487B96 nei modelli numerici popolari.

Esadicemale	48	7B	96
Decimale	72	123	150
Binario	1001000	1111011	10010110
Ottale	110	173	226

Tonalita del colore

Tonalità scure del colore #487B96

#487B96
(72,123,150)

#427089
(66,112,137)

#3C657C
(60,101,124)

#365A6F
(54,90,111)

#304F62
(48,79,98)

#2A4455
(42,68,85)

#243948
(36,57,72)

#1E2E3B
(30,46,59)

#18232E
(24,35,46)

#121821
(18,24,33)

#0C0D14
(12,13,20)

#000000
(0,0,0)

Tonalità chiare del colore #487B96

#487B96
(72,123,150)

#58879F
(88,135,159)

#6893A8
(104,147,168)

#789FB1
(120,159,177)

#88ABBA
(136,171,186)

#98B7C3
(152,183,195)

#A8C3CC
(168,195,204)

#B8CFD5
(184,207,213)

#C8DBDE
(200,219,222)

#D8E7E7
(216,231,231)

#E8F3F0
(232,243,240)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #487B96. Utilizzate rgb(72,123,150) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #487B96; }

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

Il colore di questo testo è #487B96.

Colore dello sfondo

.myBgColor { background-color: #487B96; }

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

Questo div ha lo sfondo di colore #487B96.

Colore del bordo

.myBorderColor { border: 1px solid #487B96; }

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

Questo div ha i bordi di colore 487B96.

Trasparenza

.myOpacity80 { color: #487B96; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #487B96.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #487B96.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #487B96 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #487B96 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #487B96

Questo è un testo nero sullo sfondo del colore #487B96.

Esempio del testo bianco sullo sfondo del colore #487B96

Questo è un testo bianco sullo sfondo del colore #487B96.

COLORE #487B96