COLORE #3C80A0

HEX: #3C80A0 RGB: (60,128,160)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #3C80A0 contiene principalmente il verde e il blu. Per il #3C80A0 il colore web safe è #336699 (#369).

Modello di colore RGB

Il colore 3C80A0 in RGB è definito come 60,128,160

Il rosso è 60;
Il verde è 128;
Il blu è 160.

RGB: (60,128,160) (24%, 50%, 63%)

Rapporto dei colori in RGB

R 60 da 255 = 24%
G 128 da 255 = 50%
B 160 da 255 = 63%

128

160

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

Canali RGB in percentuale

R + G + B = 60 + 128 + 160 = 348 (100%)
R 60 da 348 ~ 17.24%
G 128 da 348 ~ 36.78%
B 160 da 348 ~ 45.98'%

%17.24

%36.78

%45.98

Modello di colore CMYK

Il colore #3C80A0 in CMYK è definito come 63,20,0,37.

Il color verde blu è 62.50%
Il color magenta è 20.00%
Il giallo è 0.00%
Il colore chiave è 37.25%

CMYK: (63,20,0,37)
C63M20Y0K37 (63%, 20%, 0%, 37%)
(0.63 / 0.20 / 0.00 / 0.37)

Canali CMYK in percentuale

%62.5

%20

%37.25

Codici del colore

Il #3C80A0 nei modelli di colore popolari.

	3C	80	A0
RGB	60	128	160
HSL	199°	45.45%	43.14%
HSB/HSV	199°	62.50%	62.75%
CMYK	62.50%	20.00%	0.00%
CMYK	37.25%

Il #3C80A0 nei modelli numerici popolari.

Esadicemale	3C	80	A0
Decimale	60	128	160
Binario	111100	10000000	10100000
Ottale	74	200	240

Tonalita del colore

Tonalità scure del colore #3C80A0

#3C80A0
(60,128,160)

#377592
(55,117,146)

#326A84
(50,106,132)

#2D5F76
(45,95,118)

#285468
(40,84,104)

#23495A
(35,73,90)

#1E3E4C
(30,62,76)

#19333E
(25,51,62)

#142830
(20,40,48)

#0F1D22
(15,29,34)

#0A1214
(10,18,20)

#000000
(0,0,0)

Tonalità chiare del colore #3C80A0

#3C80A0
(60,128,160)

#4D8BA8
(77,139,168)

#5E96B0
(94,150,176)

#6FA1B8
(111,161,184)

#80ACC0
(128,172,192)

#91B7C8
(145,183,200)

#A2C2D0
(162,194,208)

#B3CDD8
(179,205,216)

#C4D8E0
(196,216,224)

#D5E3E8
(213,227,232)

#E6EEF0
(230,238,240)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #3C80A0; }

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

Il colore di questo testo è #3C80A0.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #3C80A0.

Colore del bordo

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

Questo div ha i bordi di colore 3C80A0.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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