COLORE #366F7B

HEX: #366F7B
RGB: (54,111,123)

Informazioni

Il colore #366F7B contiene principalmente il verde e il blu. Per il #366F7B il colore web safe è #336666 (#366).

Modello di colore RGB

Il colore 366F7B in RGB è definito come 54,111,123

  • Il rosso è 54;
  • Il verde è 111;
  • Il blu è 123.
RGB:
(54,111,123)
(21%,44%,48%)

Rapporto dei colori in RGB

R 54 da 255 = 21%
G 111 da 255 = 44%
B 123 da 255 = 48%

54
111
123

R + G + B ~ 38%. #366F7B colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
54 + 111 + 123 = 288 (100%)
R 54 da 288 ~ 18.75%
G 111 da 288 ~ 38.54%
B 123 da 288 ~ 42.71%

%18.75
%38.54
%42.71

Modello di colore CMYK

Il colore #366F7B in CMYK è definito come 56,10,0,52.

  • Il color verde blu è 56.10%
  • Il color magenta è 9.76%
  • Il giallo è 0.00%
  • Il colore chiave è 51.76%
CMYK:
(56,10,0,52)
C56M10Y0K52 
(56%,10%,0%,52%)
(0.56/0.10/0.00/0.52)	

Canali CMYK in percentuale

%56.1
%9.76
%0
%51.76

Codici del colore

Il #366F7B nei modelli di colore popolari.

366F7B
RGB54111123
HSL190°38.98%34.71%
HSB/HSV190°56.10%48.24%
CMYK56.10%9.76%0.00%
51.76%

Il #366F7B nei modelli numerici popolari.

Esadicemale366F7B
Decimale54111123
Binario11011011011111111011
Ottale66157173

Tonalita del colore

Tonalità scure del colore #366F7B

#366F7B
(54,111,123)
#326570
(50,101,112)
#2E5B65
(46,91,101)
#2A515A
(42,81,90)
#26474F
(38,71,79)
#223D44
(34,61,68)
#1E3339
(30,51,57)
#1A292E
(26,41,46)
#161F23
(22,31,35)
#121518
(18,21,24)
#0E0B0D
(14,11,13)
#000000
(0,0,0)

Tonalità chiare del colore #366F7B

#366F7B
(54,111,123)
#487C87
(72,124,135)
#5A8993
(90,137,147)
#6C969F
(108,150,159)
#7EA3AB
(126,163,171)
#90B0B7
(144,176,183)
#A2BDC3
(162,189,195)
#B4CACF
(180,202,207)
#C6D7DB
(198,215,219)
#D8E4E7
(216,228,231)
#EAF1F3
(234,241,243)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #366F7B. Utilizzate rgb(54,111,123) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #366F7B; }

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

Il colore di questo testo è #366F7B.


Colore dello sfondo

.myBgColor { background-color: #366F7B; }

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

Questo div ha lo sfondo di colore #366F7B.


Colore del bordo

.myBorderColor { border: 1px solid #366F7B; }

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

Questo div ha i bordi di colore 366F7B.


Trasparenza

.myOpacity80 { color: #366F7B; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #366F7B.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #366F7B sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #366F7B sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #366F7B

Questo è un testo nero sullo sfondo del colore #366F7B.


Esempio del testo bianco sullo sfondo del colore #366F7B

Questo è un testo bianco sullo sfondo del colore #366F7B.