Colore #66B56D, codici hex ed rgb, esempi

Informazioni

Il colore #66B56D contiene principalmente il verde. Per il #66B56D il colore web safe è #66CC66 (#6C6).

Modello di colore RGB

Il colore 66B56D in RGB è definito come 102,181,109

Il rosso è 102;
Il verde è 181;
Il blu è 109.

RGB:
(102,181,109)
(40%,71%,43%)

Rapporto dei colori in RGB

R 102 da 255 = 40%
G 181 da 255 = 71%
B 109 da 255 = 43%

102

181

109

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

Canali RGB in percentuale

R + G + B =
102 + 181 + 109 = 392 (100%)
R 102 da 392 ~ 26.02%
G 181 da 392 ~ 46.17%
B 109 da 392 ~ 27.81%

%26.02

%46.17

%27.81

Modello di colore CMYK

Il colore #66B56D in CMYK è definito come 44,0,40,29.

Il color verde blu è 43.65%
Il color magenta è 0.00%
Il giallo è 39.78%
Il colore chiave è 29.02%

CMYK:
(44,0,40,29)
C44M0Y40K29 
(44%,0%,40%,29%)
(0.44/0.00/0.40/0.29)

Canali CMYK in percentuale

%43.65

%39.78

%29.02

Codici del colore

Il #66B56D nei modelli di colore popolari.

	66	B5	6D
RGB	102	181	109
HSL	125°	34.80%	55.49%
HSB/HSV	125°	43.65%	70.98%
CMYK	43.65%	0.00%	39.78%
CMYK	29.02%

Il #66B56D nei modelli numerici popolari.

Esadicemale	66	B5	6D
Decimale	102	181	109
Binario	1100110	10110101	1101101
Ottale	146	265	155

Tonalita del colore

Tonalità scure del colore #66B56D

#66B56D
(102,181,109)

#5DA564
(93,165,100)

#54955B
(84,149,91)

#4B8552
(75,133,82)

#427549
(66,117,73)

#396540
(57,101,64)

#305537
(48,85,55)

#27452E
(39,69,46)

#1E3525
(30,53,37)

#15251C
(21,37,28)

#0C1513
(12,21,19)

#000000
(0,0,0)

Tonalità chiare del colore #66B56D

#66B56D
(102,181,109)

#73BB7A
(115,187,122)

#80C187
(128,193,135)

#8DC794
(141,199,148)

#9ACDA1
(154,205,161)

#A7D3AE
(167,211,174)

#B4D9BB
(180,217,187)

#C1DFC8
(193,223,200)

#CEE5D5
(206,229,213)

#DBEBE2
(219,235,226)

#E8F1EF
(232,241,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #66B56D. Utilizzate rgb(102,181,109) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #66B56D; }

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

Il colore di questo testo è #66B56D.

Colore dello sfondo

.myBgColor { background-color: #66B56D; }

<div style="background-color:#66B56D">Inner text</div>

Questo div ha lo sfondo di colore #66B56D.

Colore del bordo

.myBorderColor { border: 1px solid #66B56D; }

<div style="border:3px solid #66B56D">Div</div>

Questo div ha i bordi di colore 66B56D.

Trasparenza

.myOpacity80 { color: #66B56D; opacity: 0.8; }

<p style="color:#66B56D;opacity:0.8;">80%</p>

Il testo di color #66B56D 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 #66B56D;}

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

Questo testo ha l'ombra di colore #66B56D.

.textShadow {text-shadow: 3px 3px 1px #66B56D, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #66B56D e del colore secondario rosso.

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

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

This text has shadow with #66B56D and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #66B56D.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #66B56D sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #66B56D sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #66B56D

Questo è un testo nero sullo sfondo del colore #66B56D.

Esempio del testo bianco sullo sfondo del colore #66B56D

Questo è un testo bianco sullo sfondo del colore #66B56D.

COLORE #66B56D