COLORE #3C9BB4

HEX: #3C9BB4 RGB: (60,155,180)

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

Informazioni

Il colore #3C9BB4 contiene principalmente il verde e il blu. Per il #3C9BB4 il colore web safe è #3399CC (#39C).

Modello di colore RGB

Il colore 3C9BB4 in RGB è definito come 60,155,180

Il rosso è 60;
Il verde è 155;
Il blu è 180.

RGB: (60,155,180) (24%, 61%, 71%)

Rapporto dei colori in RGB

R 60 da 255 = 24%
G 155 da 255 = 61%
B 180 da 255 = 71%

155

180

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

Canali RGB in percentuale

R + G + B = 60 + 155 + 180 = 395 (100%)
R 60 da 395 ~ 15.19%
G 155 da 395 ~ 39.24%
B 180 da 395 ~ 45.57'%

%15.19

%39.24

%45.57

Modello di colore CMYK

Il colore #3C9BB4 in CMYK è definito come 67,14,0,29.

Il color verde blu è 66.67%
Il color magenta è 13.89%
Il giallo è 0.00%
Il colore chiave è 29.41%

CMYK: (67,14,0,29)
C67M14Y0K29 (67%, 14%, 0%, 29%)
(0.67 / 0.14 / 0.00 / 0.29)

Canali CMYK in percentuale

%66.67

%13.89

%29.41

Codici del colore

Il #3C9BB4 nei modelli di colore popolari.

	3C	9B	B4
RGB	60	155	180
HSL	193°	50.00%	47.06%
HSB/HSV	193°	66.67%	70.59%
CMYK	66.67%	13.89%	0.00%
CMYK	29.41%

Il #3C9BB4 nei modelli numerici popolari.

Esadicemale	3C	9B	B4
Decimale	60	155	180
Binario	111100	10011011	10110100
Ottale	74	233	264

Tonalita del colore

Tonalità scure del colore #3C9BB4

#3C9BB4
(60,155,180)

#378DA4
(55,141,164)

#327F94
(50,127,148)

#2D7184
(45,113,132)

#286374
(40,99,116)

#235564
(35,85,100)

#1E4754
(30,71,84)

#193944
(25,57,68)

#142B34
(20,43,52)

#0F1D24
(15,29,36)

#0A0F14
(10,15,20)

#000000
(0,0,0)

Tonalità chiare del colore #3C9BB4

#3C9BB4
(60,155,180)

#4DA4BA
(77,164,186)

#5EADC0
(94,173,192)

#6FB6C6
(111,182,198)

#80BFCC
(128,191,204)

#91C8D2
(145,200,210)

#A2D1D8
(162,209,216)

#B3DADE
(179,218,222)

#C4E3E4
(196,227,228)

#D5ECEA
(213,236,234)

#E6F5F0
(230,245,240)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #3C9BB4; }

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

Il colore di questo testo è #3C9BB4.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #3C9BB4.

Colore del bordo

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

Questo div ha i bordi di colore 3C9BB4.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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