Colore #334DB0, codici hex ed rgb, esempi

Informazioni

Il colore #334DB0 contiene principalmente il blu. Per il #334DB0 il colore web safe è #333399 (#339).

Modello di colore RGB

Il colore 334DB0 in RGB è definito come 51,77,176

Il rosso è 51;
Il verde è 77;
Il blu è 176.

RGB:
(51,77,176)
(20%,30%,69%)

Rapporto dei colori in RGB

R 51 da 255 = 20%
G 77 da 255 = 30%
B 176 da 255 = 69%

176

R + G + B ~ 40%. #334DB0 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
51 + 77 + 176 = 304 (100%)
R 51 da 304 ~ 16.78%
G 77 da 304 ~ 25.33%
B 176 da 304 ~ 57.89%

%16.78

%25.33

%57.89

Modello di colore CMYK

Il colore #334DB0 in CMYK è definito come 71,56,0,31.

Il color verde blu è 71.02%
Il color magenta è 56.25%
Il giallo è 0.00%
Il colore chiave è 30.98%

CMYK:
(71,56,0,31)
C71M56Y0K31 
(71%,56%,0%,31%)
(0.71/0.56/0.00/0.31)

Canali CMYK in percentuale

%71.02

%56.25

%30.98

Codici del colore

Il #334DB0 nei modelli di colore popolari.

	33	4D	B0
RGB	51	77	176
HSL	228°	55.07%	44.51%
HSB/HSV	228°	71.02%	69.02%
CMYK	71.02%	56.25%	0.00%
CMYK	30.98%

Il #334DB0 nei modelli numerici popolari.

Esadicemale	33	4D	B0
Decimale	51	77	176
Binario	110011	1001101	10110000
Ottale	63	115	260

Tonalita del colore

Tonalità scure del colore #334DB0

#334DB0
(51,77,176)

#2F46A0
(47,70,160)

#2B3F90
(43,63,144)

#273880
(39,56,128)

#233170
(35,49,112)

#1F2A60
(31,42,96)

#1B2350
(27,35,80)

#171C40
(23,28,64)

#131530
(19,21,48)

#0F0E20
(15,14,32)

#0B0710
(11,7,16)

#000000
(0,0,0)

Tonalità chiare del colore #334DB0

#334DB0
(51,77,176)

#455DB7
(69,93,183)

#576DBE
(87,109,190)

#697DC5
(105,125,197)

#7B8DCC
(123,141,204)

#8D9DD3
(141,157,211)

#9FADDA
(159,173,218)

#B1BDE1
(177,189,225)

#C3CDE8
(195,205,232)

#D5DDEF
(213,221,239)

#E7EDF6
(231,237,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #334DB0. Utilizzate rgb(51,77,176) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #334DB0; }

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

Il colore di questo testo è #334DB0.

Colore dello sfondo

.myBgColor { background-color: #334DB0; }

<div style="background-color:#334DB0">Inner text</div>

Questo div ha lo sfondo di colore #334DB0.

Colore del bordo

.myBorderColor { border: 1px solid #334DB0; }

<div style="border:3px solid #334DB0">Div</div>

Questo div ha i bordi di colore 334DB0.

Trasparenza

.myOpacity80 { color: #334DB0; opacity: 0.8; }

<p style="color:#334DB0;opacity:0.8;">80%</p>

Il testo di color #334DB0 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 #334DB0;}

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

Questo testo ha l'ombra di colore #334DB0.

.textShadow {text-shadow: 3px 3px 1px #334DB0, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #334DB0 e del colore secondario rosso.

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

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

This text has shadow with #334DB0 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #334DB0.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #334DB0 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #334DB0 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #334DB0

Questo è un testo nero sullo sfondo del colore #334DB0.

Esempio del testo bianco sullo sfondo del colore #334DB0

Questo è un testo bianco sullo sfondo del colore #334DB0.

COLORE #334DB0