Colore #6BB469, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 6BB469 in RGB è definito come 107,180,105

Il rosso è 107;
Il verde è 180;
Il blu è 105.

RGB:
(107,180,105)
(42%,71%,41%)

Rapporto dei colori in RGB

R 107 da 255 = 42%
G 180 da 255 = 71%
B 105 da 255 = 41%

107

180

105

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

Canali RGB in percentuale

R + G + B =
107 + 180 + 105 = 392 (100%)
R 107 da 392 ~ 27.3%
G 180 da 392 ~ 45.92%
B 105 da 392 ~ 26.79%

%27.3

%45.92

%26.79

Modello di colore CMYK

Il colore #6BB469 in CMYK è definito come 41,0,42,29.

Il color verde blu è 40.56%
Il color magenta è 0.00%
Il giallo è 41.67%
Il colore chiave è 29.41%

CMYK:
(41,0,42,29)
C41M0Y42K29 
(41%,0%,42%,29%)
(0.41/0.00/0.42/0.29)

Canali CMYK in percentuale

%40.56

%41.67

%29.41

Codici del colore

Il #6BB469 nei modelli di colore popolari.

	6B	B4	69
RGB	107	180	105
HSL	118°	33.33%	55.88%
HSB/HSV	118°	41.67%	70.59%
CMYK	40.56%	0.00%	41.67%
CMYK	29.41%

Il #6BB469 nei modelli numerici popolari.

Esadicemale	6B	B4	69
Decimale	107	180	105
Binario	1101011	10110100	1101001
Ottale	153	264	151

Tonalita del colore

Tonalità scure del colore #6BB469

#6BB469
(107,180,105)

#62A460
(98,164,96)

#599457
(89,148,87)

#50844E
(80,132,78)

#477445
(71,116,69)

#3E643C
(62,100,60)

#355433
(53,84,51)

#2C442A
(44,68,42)

#233421
(35,52,33)

#1A2418
(26,36,24)

#11140F
(17,20,15)

#000000
(0,0,0)

Tonalità chiare del colore #6BB469

#6BB469
(107,180,105)

#78BA76
(120,186,118)

#85C083
(133,192,131)

#92C690
(146,198,144)

#9FCC9D
(159,204,157)

#ACD2AA
(172,210,170)

#B9D8B7
(185,216,183)

#C6DEC4
(198,222,196)

#D3E4D1
(211,228,209)

#E0EADE
(224,234,222)

#EDF0EB
(237,240,235)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6BB469. Utilizzate rgb(107,180,105) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6BB469; }

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

Il colore di questo testo è #6BB469.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6BB469.

Colore del bordo

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

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

Questo div ha i bordi di colore 6BB469.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #6BB469

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

Esempio del testo bianco sullo sfondo del colore #6BB469

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

COLORE #6BB469