COLORE #3B5CD6

HEX: #3B5CD6 RGB: (59,92,214)

Informazioni

Il colore #3B5CD6 contiene principalmente il blu. Per il #3B5CD6 il colore web safe è #3366CC (#36C).

Modello di colore RGB

Il colore 3B5CD6 in RGB è definito come 59,92,214

RGB: (59,92,214) (23%, 36%, 84%)

Rapporto dei colori in RGB

R 59 da 255 = 23%
G 92 da 255 = 36%
B 214 da 255 = 84%

59
92
214

R + G + B ~ 48%. #3B5CD6 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 59 + 92 + 214 = 365 (100%)
R 59 da 365 ~ 16.16%
G 92 da 365 ~ 25.21%
B 214 da 365 ~ 58.63'%

%16.16
%25.21
%58.63

Modello di colore CMYK

Il colore #3B5CD6 in CMYK è definito come 72,57,0,16.

  • Il color verde blu è 72.43%
  • Il color magenta è 57.01%
  • Il giallo è 0.00%
  • Il colore chiave è 16.08%

CMYK: (72,57,0,16)
C72M57Y0K16 (72%, 57%, 0%, 16%)
(0.72 / 0.57 / 0.00 / 0.16)

Canali CMYK in percentuale

%72.43
%57.01
%0
%16.08

Codici del colore

Il #3B5CD6 nei modelli di colore popolari.

3B 5C D6
RGB 59 92 214
HSL 227° 65.40% 53.53%
HSB/HSV 227° 72.43% 83.92%
CMYK 72.43% 57.01% 0.00%
16.08%

Il #3B5CD6 nei modelli numerici popolari.

Esadicemale 3B 5C D6
Decimale 59 92 214
Binario 111011 1011100 11010110
Ottale 73 134 326

Tonalita del colore

Tonalità scure del colore #3B5CD6

#3B5CD6
(59,92,214)
#3654C3
(54,84,195)
#314CB0
(49,76,176)
#2C449D
(44,68,157)
#273C8A
(39,60,138)
#223477
(34,52,119)
#1D2C64
(29,44,100)
#182451
(24,36,81)
#131C3E
(19,28,62)
#0E142B
(14,20,43)
#090C18
(9,12,24)
#000000
(0,0,0)

Tonalità chiare del colore #3B5CD6

#3B5CD6
(59,92,214)
#4C6AD9
(76,106,217)
#5D78DC
(93,120,220)
#6E86DF
(110,134,223)
#7F94E2
(127,148,226)
#90A2E5
(144,162,229)
#A1B0E8
(161,176,232)
#B2BEEB
(178,190,235)
#C3CCEE
(195,204,238)
#D4DAF1
(212,218,241)
#E5E8F4
(229,232,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #3B5CD6. Utilizzate rgb(59,92,214) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #3B5CD6; }

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

Il colore di questo testo è #3B5CD6.

Colore dello sfondo

.myBgColor { background-color: #3B5CD6; }

<div style="background-color:#3B5CD6">Inner text</div>

Questo div ha lo sfondo di colore #3B5CD6.

Colore del bordo

.myBorderColor { border: 1px solid #3B5CD6; }

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

Questo div ha i bordi di colore 3B5CD6.

Trasparenza

.myOpacity80 { color: #3B5CD6; opacity: 0.8; }

<p style="color:#3B5CD6;opacity:0.8;">80%</p>

Il testo di color #3B5CD6 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 #3B5CD6;}

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

Questo testo ha l'ombra di colore #3B5CD6.


.textShadow {text-shadow: 3px 3px 1px #3B5CD6', 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #3B5CD6 e del colore secondario rosso.


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

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

This text has shadow with #3B5CD6 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #3B5CD6.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #3B5CD6 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #3B5CD6 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #3B5CD6

Questo è un testo nero sullo sfondo del colore #3B5CD6.


Esempio del testo bianco sullo sfondo del colore #3B5CD6

Questo è un testo bianco sullo sfondo del colore #3B5CD6.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #C4A329..


I love getcolorcode.com

Triade di colore

1 #D63B5C and #5CD63B with #3B5CD6 are triadic colors.

2 #D65C3B and #5C3BD6 with #3B5CD6 are triadic colors.