Colore #3C74D9, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 3C74D9 in RGB è definito come 60,116,217

Il rosso è 60;
Il verde è 116;
Il blu è 217.

RGB:
(60,116,217)
(24%,45%,85%)

Rapporto dei colori in RGB

R 60 da 255 = 24%
G 116 da 255 = 45%
B 217 da 255 = 85%

116

217

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

Canali RGB in percentuale

R + G + B =
60 + 116 + 217 = 393 (100%)
R 60 da 393 ~ 15.27%
G 116 da 393 ~ 29.52%
B 217 da 393 ~ 55.22%

%15.27

%29.52

%55.22

Modello di colore CMYK

Il colore #3C74D9 in CMYK è definito come 72,47,0,15.

Il color verde blu è 72.35%
Il color magenta è 46.54%
Il giallo è 0.00%
Il colore chiave è 14.90%

CMYK:
(72,47,0,15)
C72M47Y0K15 
(72%,47%,0%,15%)
(0.72/0.47/0.00/0.15)

Canali CMYK in percentuale

%72.35

%46.54

%14.9

Codici del colore

Il #3C74D9 nei modelli di colore popolari.

	3C	74	D9
RGB	60	116	217
HSL	219°	67.38%	54.31%
HSB/HSV	219°	72.35%	85.10%
CMYK	72.35%	46.54%	0.00%
CMYK	14.90%

Il #3C74D9 nei modelli numerici popolari.

Esadicemale	3C	74	D9
Decimale	60	116	217
Binario	111100	1110100	11011001
Ottale	74	164	331

Tonalita del colore

Tonalità scure del colore #3C74D9

#3C74D9
(60,116,217)

#376AC6
(55,106,198)

#3260B3
(50,96,179)

#2D56A0
(45,86,160)

#284C8D
(40,76,141)

#23427A
(35,66,122)

#1E3867
(30,56,103)

#192E54
(25,46,84)

#142441
(20,36,65)

#0F1A2E
(15,26,46)

#0A101B
(10,16,27)

#000000
(0,0,0)

Tonalità chiare del colore #3C74D9

#3C74D9
(60,116,217)

#4D80DC
(77,128,220)

#5E8CDF
(94,140,223)

#6F98E2
(111,152,226)

#80A4E5
(128,164,229)

#91B0E8
(145,176,232)

#A2BCEB
(162,188,235)

#B3C8EE
(179,200,238)

#C4D4F1
(196,212,241)

#D5E0F4
(213,224,244)

#E6ECF7
(230,236,247)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #3C74D9. Utilizzate rgb(60,116,217) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #3C74D9; }

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

Il colore di questo testo è #3C74D9.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #3C74D9.

Colore del bordo

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

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

Questo div ha i bordi di colore 3C74D9.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #3C74D9

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

Esempio del testo bianco sullo sfondo del colore #3C74D9

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

COLORE #3C74D9