Colore #386E94, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 386E94 in RGB è definito come 56,110,148

Il rosso è 56;
Il verde è 110;
Il blu è 148.

RGB:
(56,110,148)
(22%,43%,58%)

Rapporto dei colori in RGB

R 56 da 255 = 22%
G 110 da 255 = 43%
B 148 da 255 = 58%

110

148

R + G + B ~ 41%. #386E94 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
56 + 110 + 148 = 314 (100%)
R 56 da 314 ~ 17.83%
G 110 da 314 ~ 35.03%
B 148 da 314 ~ 47.13%

%17.83

%35.03

%47.13

Modello di colore CMYK

Il colore #386E94 in CMYK è definito come 62,26,0,42.

Il color verde blu è 62.16%
Il color magenta è 25.68%
Il giallo è 0.00%
Il colore chiave è 41.96%

CMYK:
(62,26,0,42)
C62M26Y0K42 
(62%,26%,0%,42%)
(0.62/0.26/0.00/0.42)

Canali CMYK in percentuale

%62.16

%25.68

%41.96

Codici del colore

Il #386E94 nei modelli di colore popolari.

	38	6E	94
RGB	56	110	148
HSL	205°	45.10%	40.00%
HSB/HSV	205°	62.16%	58.04%
CMYK	62.16%	25.68%	0.00%
CMYK	41.96%

Il #386E94 nei modelli numerici popolari.

Esadicemale	38	6E	94
Decimale	56	110	148
Binario	111000	1101110	10010100
Ottale	70	156	224

Tonalita del colore

Tonalità scure del colore #386E94

#386E94
(56,110,148)

#336487
(51,100,135)

#2E5A7A
(46,90,122)

#29506D
(41,80,109)

#244660
(36,70,96)

#1F3C53
(31,60,83)

#1A3246
(26,50,70)

#152839
(21,40,57)

#101E2C
(16,30,44)

#0B141F
(11,20,31)

#060A12
(6,10,18)

#000000
(0,0,0)

Tonalità chiare del colore #386E94

#386E94
(56,110,148)

#4A7B9D
(74,123,157)

#5C88A6
(92,136,166)

#6E95AF
(110,149,175)

#80A2B8
(128,162,184)

#92AFC1
(146,175,193)

#A4BCCA
(164,188,202)

#B6C9D3
(182,201,211)

#C8D6DC
(200,214,220)

#DAE3E5
(218,227,229)

#ECF0EE
(236,240,238)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #386E94. Utilizzate rgb(56,110,148) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #386E94; }

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

Il colore di questo testo è #386E94.

Colore dello sfondo

.myBgColor { background-color: #386E94; }

<div style="background-color:#386E94">Inner text</div>

Questo div ha lo sfondo di colore #386E94.

Colore del bordo

.myBorderColor { border: 1px solid #386E94; }

<div style="border:3px solid #386E94">Div</div>

Questo div ha i bordi di colore 386E94.

Trasparenza

.myOpacity80 { color: #386E94; opacity: 0.8; }

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

Il testo di color #386E94 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 #386E94;}

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

Questo testo ha l'ombra di colore #386E94.

.textShadow {text-shadow: 3px 3px 1px #386E94, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #386E94 e del colore secondario rosso.

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

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

This text has shadow with #386E94 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #386E94.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #386E94 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #386E94 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #386E94

Questo è un testo nero sullo sfondo del colore #386E94.

Esempio del testo bianco sullo sfondo del colore #386E94

Questo è un testo bianco sullo sfondo del colore #386E94.

COLORE #386E94