Colore #60AE79, codici hex ed rgb, esempi

Informazioni

Il colore #60AE79 contiene principalmente il verde e il blu. Per il #60AE79 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 60AE79 in RGB è definito come 96,174,121

Il rosso è 96;
Il verde è 174;
Il blu è 121.

RGB:
(96,174,121)
(38%,68%,47%)

Rapporto dei colori in RGB

R 96 da 255 = 38%
G 174 da 255 = 68%
B 121 da 255 = 47%

174

121

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

Canali RGB in percentuale

R + G + B =
96 + 174 + 121 = 391 (100%)
R 96 da 391 ~ 24.55%
G 174 da 391 ~ 44.5%
B 121 da 391 ~ 30.95%

%24.55

%44.5

%30.95

Modello di colore CMYK

Il colore #60AE79 in CMYK è definito come 45,0,30,32.

Il color verde blu è 44.83%
Il color magenta è 0.00%
Il giallo è 30.46%
Il colore chiave è 31.76%

CMYK:
(45,0,30,32)
C45M0Y30K32 
(45%,0%,30%,32%)
(0.45/0.00/0.30/0.32)

Canali CMYK in percentuale

%44.83

%30.46

%31.76

Codici del colore

Il #60AE79 nei modelli di colore popolari.

	60	AE	79
RGB	96	174	121
HSL	139°	32.50%	52.94%
HSB/HSV	139°	44.83%	68.24%
CMYK	44.83%	0.00%	30.46%
CMYK	31.76%

Il #60AE79 nei modelli numerici popolari.

Esadicemale	60	AE	79
Decimale	96	174	121
Binario	1100000	10101110	1111001
Ottale	140	256	171

Tonalita del colore

Tonalità scure del colore #60AE79

#60AE79
(96,174,121)

#589F6E
(88,159,110)

#509063
(80,144,99)

#488158
(72,129,88)

#40724D
(64,114,77)

#386342
(56,99,66)

#305437
(48,84,55)

#28452C
(40,69,44)

#203621
(32,54,33)

#182716
(24,39,22)

#10180B
(16,24,11)

#000000
(0,0,0)

Tonalità chiare del colore #60AE79

#60AE79
(96,174,121)

#6EB585
(110,181,133)

#7CBC91
(124,188,145)

#8AC39D
(138,195,157)

#98CAA9
(152,202,169)

#A6D1B5
(166,209,181)

#B4D8C1
(180,216,193)

#C2DFCD
(194,223,205)

#D0E6D9
(208,230,217)

#DEEDE5
(222,237,229)

#ECF4F1
(236,244,241)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #60AE79; }

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

Il colore di questo testo è #60AE79.

Colore dello sfondo

.myBgColor { background-color: #60AE79; }

<div style="background-color:#60AE79">Inner text</div>

Questo div ha lo sfondo di colore #60AE79.

Colore del bordo

.myBorderColor { border: 1px solid #60AE79; }

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

Questo div ha i bordi di colore 60AE79.

Trasparenza

.myOpacity80 { color: #60AE79; opacity: 0.8; }

<p style="color:#60AE79;opacity:0.8;">80%</p>

Il testo di color #60AE79 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 #60AE79;}

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

Questo testo ha l'ombra di colore #60AE79.

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

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

Questo testo ha l'ombra del colore principale #60AE79 e del colore secondario rosso.

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

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

This text has shadow with #60AE79 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #60AE79.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #60AE79 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #60AE79 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #60AE79

Questo è un testo nero sullo sfondo del colore #60AE79.

Esempio del testo bianco sullo sfondo del colore #60AE79

Questo è un testo bianco sullo sfondo del colore #60AE79.

COLORE #60AE79