Colore #6EAA48, codici hex ed rgb, esempi

Informazioni

Il colore #6EAA48 contiene principalmente il verde. Per il #6EAA48 il colore web safe è #669933 (#693).

Modello di colore RGB

Il colore 6EAA48 in RGB è definito come 110,170,72

Il rosso è 110;
Il verde è 170;
Il blu è 72.

RGB:
(110,170,72)
(43%,67%,28%)

Rapporto dei colori in RGB

R 110 da 255 = 43%
G 170 da 255 = 67%
B 72 da 255 = 28%

110

170

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

Canali RGB in percentuale

R + G + B =
110 + 170 + 72 = 352 (100%)
R 110 da 352 ~ 31.25%
G 170 da 352 ~ 48.3%
B 72 da 352 ~ 20.45%

%31.25

%48.3

%20.45

Modello di colore CMYK

Il colore #6EAA48 in CMYK è definito come 35,0,58,33.

Il color verde blu è 35.29%
Il color magenta è 0.00%
Il giallo è 57.65%
Il colore chiave è 33.33%

CMYK:
(35,0,58,33)
C35M0Y58K33 
(35%,0%,58%,33%)
(0.35/0.00/0.58/0.33)

Canali CMYK in percentuale

%35.29

%57.65

%33.33

Codici del colore

Il #6EAA48 nei modelli di colore popolari.

	6E	AA	48
RGB	110	170	72
HSL	97°	40.50%	47.45%
HSB/HSV	97°	57.65%	66.67%
CMYK	35.29%	0.00%	57.65%
CMYK	33.33%

Il #6EAA48 nei modelli numerici popolari.

Esadicemale	6E	AA	48
Decimale	110	170	72
Binario	1101110	10101010	1001000
Ottale	156	252	110

Tonalita del colore

Tonalità scure del colore #6EAA48

#6EAA48
(110,170,72)

#649B42
(100,155,66)

#5A8C3C
(90,140,60)

#507D36
(80,125,54)

#466E30
(70,110,48)

#3C5F2A
(60,95,42)

#325024
(50,80,36)

#28411E
(40,65,30)

#1E3218
(30,50,24)

#142312
(20,35,18)

#0A140C
(10,20,12)

#000000
(0,0,0)

Tonalità chiare del colore #6EAA48

#6EAA48
(110,170,72)

#7BB158
(123,177,88)

#88B868
(136,184,104)

#95BF78
(149,191,120)

#A2C688
(162,198,136)

#AFCD98
(175,205,152)

#BCD4A8
(188,212,168)

#C9DBB8
(201,219,184)

#D6E2C8
(214,226,200)

#E3E9D8
(227,233,216)

#F0F0E8
(240,240,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6EAA48. Utilizzate rgb(110,170,72) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6EAA48; }

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

Il colore di questo testo è #6EAA48.

Colore dello sfondo

.myBgColor { background-color: #6EAA48; }

<div style="background-color:#6EAA48">Inner text</div>

Questo div ha lo sfondo di colore #6EAA48.

Colore del bordo

.myBorderColor { border: 1px solid #6EAA48; }

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

Questo div ha i bordi di colore 6EAA48.

Trasparenza

.myOpacity80 { color: #6EAA48; opacity: 0.8; }

<p style="color:#6EAA48;opacity:0.8;">80%</p>

Il testo di color #6EAA48 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 #6EAA48;}

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

Questo testo ha l'ombra di colore #6EAA48.

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

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

Questo testo ha l'ombra del colore principale #6EAA48 e del colore secondario rosso.

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

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

This text has shadow with #6EAA48 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6EAA48.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6EAA48 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6EAA48 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #6EAA48

Questo è un testo nero sullo sfondo del colore #6EAA48.

Esempio del testo bianco sullo sfondo del colore #6EAA48

Questo è un testo bianco sullo sfondo del colore #6EAA48.

COLORE #6EAA48