Colore #314FA6, codici hex ed rgb, esempi

Informazioni

Il colore #314FA6 contiene principalmente il blu. Per il #314FA6 il colore web safe è #336699 (#369).

Modello di colore RGB

Il colore 314FA6 in RGB è definito come 49,79,166

Il rosso è 49;
Il verde è 79;
Il blu è 166.

RGB:
(49,79,166)
(19%,31%,65%)

Rapporto dei colori in RGB

R 49 da 255 = 19%
G 79 da 255 = 31%
B 166 da 255 = 65%

166

R + G + B ~ 38%. #314FA6 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
49 + 79 + 166 = 294 (100%)
R 49 da 294 ~ 16.67%
G 79 da 294 ~ 26.87%
B 166 da 294 ~ 56.46%

%16.67

%26.87

%56.46

Modello di colore CMYK

Il colore #314FA6 in CMYK è definito come 70,52,0,35.

Il color verde blu è 70.48%
Il color magenta è 52.41%
Il giallo è 0.00%
Il colore chiave è 34.90%

CMYK:
(70,52,0,35)
C70M52Y0K35 
(70%,52%,0%,35%)
(0.70/0.52/0.00/0.35)

Canali CMYK in percentuale

%70.48

%52.41

%34.9

Codici del colore

Il #314FA6 nei modelli di colore popolari.

	31	4F	A6
RGB	49	79	166
HSL	225°	54.42%	42.16%
HSB/HSV	225°	70.48%	65.10%
CMYK	70.48%	52.41%	0.00%
CMYK	34.90%

Il #314FA6 nei modelli numerici popolari.

Esadicemale	31	4F	A6
Decimale	49	79	166
Binario	110001	1001111	10100110
Ottale	61	117	246

Tonalita del colore

Tonalità scure del colore #314FA6

#314FA6
(49,79,166)

#2D4897
(45,72,151)

#294188
(41,65,136)

#253A79
(37,58,121)

#21336A
(33,51,106)

#1D2C5B
(29,44,91)

#19254C
(25,37,76)

#151E3D
(21,30,61)

#11172E
(17,23,46)

#0D101F
(13,16,31)

#090910
(9,9,16)

#000000
(0,0,0)

Tonalità chiare del colore #314FA6

#314FA6
(49,79,166)

#435FAE
(67,95,174)

#556FB6
(85,111,182)

#677FBE
(103,127,190)

#798FC6
(121,143,198)

#8B9FCE
(139,159,206)

#9DAFD6
(157,175,214)

#AFBFDE
(175,191,222)

#C1CFE6
(193,207,230)

#D3DFEE
(211,223,238)

#E5EFF6
(229,239,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #314FA6. Utilizzate rgb(49,79,166) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #314FA6; }

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

Il colore di questo testo è #314FA6.

Colore dello sfondo

.myBgColor { background-color: #314FA6; }

<div style="background-color:#314FA6">Inner text</div>

Questo div ha lo sfondo di colore #314FA6.

Colore del bordo

.myBorderColor { border: 1px solid #314FA6; }

<div style="border:3px solid #314FA6">Div</div>

Questo div ha i bordi di colore 314FA6.

Trasparenza

.myOpacity80 { color: #314FA6; opacity: 0.8; }

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

Il testo di color #314FA6 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 #314FA6;}

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

Questo testo ha l'ombra di colore #314FA6.

.textShadow {text-shadow: 3px 3px 1px #314FA6, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #314FA6 e del colore secondario rosso.

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

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

This text has shadow with #314FA6 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #314FA6.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #314FA6 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #314FA6 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #314FA6

Questo è un testo nero sullo sfondo del colore #314FA6.

Esempio del testo bianco sullo sfondo del colore #314FA6

Questo è un testo bianco sullo sfondo del colore #314FA6.

COLORE #314FA6