COLORE #335B9D

HEX: #335B9D
RGB: (51,91,157)

Informazioni

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

Modello di colore RGB

Il colore 335B9D in RGB è definito come 51,91,157

  • Il rosso è 51;
  • Il verde è 91;
  • Il blu è 157.
RGB:
(51,91,157)
(20%,36%,62%)

Rapporto dei colori in RGB

R 51 da 255 = 20%
G 91 da 255 = 36%
B 157 da 255 = 62%

51
91
157

R + G + B ~ 39%. #335B9D colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
51 + 91 + 157 = 299 (100%)
R 51 da 299 ~ 17.06%
G 91 da 299 ~ 30.43%
B 157 da 299 ~ 52.51%

%17.06
%30.43
%52.51

Modello di colore CMYK

Il colore #335B9D in CMYK è definito come 68,42,0,38.

  • Il color verde blu è 67.52%
  • Il color magenta è 42.04%
  • Il giallo è 0.00%
  • Il colore chiave è 38.43%
CMYK:
(68,42,0,38)
C68M42Y0K38 
(68%,42%,0%,38%)
(0.68/0.42/0.00/0.38)	

Canali CMYK in percentuale

%67.52
%42.04
%0
%38.43

Codici del colore

Il #335B9D nei modelli di colore popolari.

335B9D
RGB5191157
HSL217°50.96%40.78%
HSB/HSV217°67.52%61.57%
CMYK67.52%42.04%0.00%
38.43%

Il #335B9D nei modelli numerici popolari.

Esadicemale335B9D
Decimale5191157
Binario110011101101110011101
Ottale63133235

Tonalita del colore

Tonalità scure del colore #335B9D

#335B9D
(51,91,157)
#2F538F
(47,83,143)
#2B4B81
(43,75,129)
#274373
(39,67,115)
#233B65
(35,59,101)
#1F3357
(31,51,87)
#1B2B49
(27,43,73)
#17233B
(23,35,59)
#131B2D
(19,27,45)
#0F131F
(15,19,31)
#0B0B11
(11,11,17)
#000000
(0,0,0)

Tonalità chiare del colore #335B9D

#335B9D
(51,91,157)
#4569A5
(69,105,165)
#5777AD
(87,119,173)
#6985B5
(105,133,181)
#7B93BD
(123,147,189)
#8DA1C5
(141,161,197)
#9FAFCD
(159,175,205)
#B1BDD5
(177,189,213)
#C3CBDD
(195,203,221)
#D5D9E5
(213,217,229)
#E7E7ED
(231,231,237)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #335B9D. Utilizzate rgb(51,91,157) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #335B9D; }

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

Il colore di questo testo è #335B9D.


Colore dello sfondo

.myBgColor { background-color: #335B9D; }

<div style="background-color:#335B9D">Inner text</div>

Questo div ha lo sfondo di colore #335B9D.


Colore del bordo

.myBorderColor { border: 1px solid #335B9D; }

<div style="border:3px solid #335B9D">Div</div>

Questo div ha i bordi di colore 335B9D.


Trasparenza

.myOpacity80 { color: #335B9D; opacity: 0.8; }

<p style="color:#335B9D;opacity:0.8;">80%</p>

Il testo di color #335B9D 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 #335B9D;}

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

Questo testo ha l'ombra di colore #335B9D.

.textShadow {text-shadow: 3px 3px 1px #335B9D, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #335B9D e del colore secondario rosso.


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

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

This text has shadow with #335B9D and red colors in old Internet Explorer.


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #335B9D sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #335B9D sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #335B9D

Questo è un testo nero sullo sfondo del colore #335B9D.


Esempio del testo bianco sullo sfondo del colore #335B9D

Questo è un testo bianco sullo sfondo del colore #335B9D.