COLORE #3CAE74

HEX: #3CAE74 RGB: (60,174,116)

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

Informazioni

Il colore #3CAE74 contiene principalmente il verde e il blu. Per il #3CAE74 il colore web safe è #339966 (#396).

Modello di colore RGB

Il colore 3CAE74 in RGB è definito come 60,174,116

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

RGB: (60,174,116) (24%, 68%, 45%)

Rapporto dei colori in RGB

R 60 da 255 = 24%
G 174 da 255 = 68%
B 116 da 255 = 45%

174

116

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

Canali RGB in percentuale

R + G + B = 60 + 174 + 116 = 350 (100%)
R 60 da 350 ~ 17.14%
G 174 da 350 ~ 49.71%
B 116 da 350 ~ 33.14'%

%17.14

%49.71

%33.14

Modello di colore CMYK

Il colore #3CAE74 in CMYK è definito come 66,0,33,32.

Il color verde blu è 65.52%
Il color magenta è 0.00%
Il giallo è 33.33%
Il colore chiave è 31.76%

CMYK: (66,0,33,32)
C66M0Y33K32 (66%, 0%, 33%, 32%)
(0.66 / 0.00 / 0.33 / 0.32)

Canali CMYK in percentuale

%65.52

%33.33

%31.76

Codici del colore

Il #3CAE74 nei modelli di colore popolari.

	3C	AE	74
RGB	60	174	116
HSL	149°	48.72%	45.88%
HSB/HSV	149°	65.52%	68.24%
CMYK	65.52%	0.00%	33.33%
CMYK	31.76%

Il #3CAE74 nei modelli numerici popolari.

Esadicemale	3C	AE	74
Decimale	60	174	116
Binario	111100	10101110	1110100
Ottale	74	256	164

Tonalita del colore

Tonalità scure del colore #3CAE74

#3CAE74
(60,174,116)

#379F6A
(55,159,106)

#329060
(50,144,96)

#2D8156
(45,129,86)

#28724C
(40,114,76)

#236342
(35,99,66)

#1E5438
(30,84,56)

#19452E
(25,69,46)

#143624
(20,54,36)

#0F271A
(15,39,26)

#0A1810
(10,24,16)

#000000
(0,0,0)

Tonalità chiare del colore #3CAE74

#3CAE74
(60,174,116)

#4DB580
(77,181,128)

#5EBC8C
(94,188,140)

#6FC398
(111,195,152)

#80CAA4
(128,202,164)

#91D1B0
(145,209,176)

#A2D8BC
(162,216,188)

#B3DFC8
(179,223,200)

#C4E6D4
(196,230,212)

#D5EDE0
(213,237,224)

#E6F4EC
(230,244,236)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #3CAE74; }

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

Il colore di questo testo è #3CAE74.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #3CAE74.

Colore del bordo

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

Questo div ha i bordi di colore 3CAE74.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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