Colore #46BD83, codici hex ed rgb, esempi

Informazioni

Il colore #46BD83 contiene principalmente il verde e il blu. Per il #46BD83 il colore web safe è #33CC99 (#3C9).

Modello di colore RGB

Il colore 46BD83 in RGB è definito come 70,189,131

Il rosso è 70;
Il verde è 189;
Il blu è 131.

RGB:
(70,189,131)
(27%,74%,51%)

Rapporto dei colori in RGB

R 70 da 255 = 27%
G 189 da 255 = 74%
B 131 da 255 = 51%

189

131

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

Canali RGB in percentuale

R + G + B =
70 + 189 + 131 = 390 (100%)
R 70 da 390 ~ 17.95%
G 189 da 390 ~ 48.46%
B 131 da 390 ~ 33.59%

%17.95

%48.46

%33.59

Modello di colore CMYK

Il colore #46BD83 in CMYK è definito come 63,0,31,26.

Il color verde blu è 62.96%
Il color magenta è 0.00%
Il giallo è 30.69%
Il colore chiave è 25.88%

CMYK:
(63,0,31,26)
C63M0Y31K26 
(63%,0%,31%,26%)
(0.63/0.00/0.31/0.26)

Canali CMYK in percentuale

%62.96

%30.69

%25.88

Codici del colore

Il #46BD83 nei modelli di colore popolari.

	46	BD	83
RGB	70	189	131
HSL	151°	47.41%	50.78%
HSB/HSV	151°	62.96%	74.12%
CMYK	62.96%	0.00%	30.69%
CMYK	25.88%

Il #46BD83 nei modelli numerici popolari.

Esadicemale	46	BD	83
Decimale	70	189	131
Binario	1000110	10111101	10000011
Ottale	106	275	203

Tonalita del colore

Tonalità scure del colore #46BD83

#46BD83
(70,189,131)

#40AC78
(64,172,120)

#3A9B6D
(58,155,109)

#348A62
(52,138,98)

#2E7957
(46,121,87)

#28684C
(40,104,76)

#225741
(34,87,65)

#1C4636
(28,70,54)

#16352B
(22,53,43)

#102420
(16,36,32)

#0A1315
(10,19,21)

#000000
(0,0,0)

Tonalità chiare del colore #46BD83

#46BD83
(70,189,131)

#56C38E
(86,195,142)

#66C999
(102,201,153)

#76CFA4
(118,207,164)

#86D5AF
(134,213,175)

#96DBBA
(150,219,186)

#A6E1C5
(166,225,197)

#B6E7D0
(182,231,208)

#C6EDDB
(198,237,219)

#D6F3E6
(214,243,230)

#E6F9F1
(230,249,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #46BD83. Utilizzate rgb(70,189,131) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #46BD83; }

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

Il colore di questo testo è #46BD83.

Colore dello sfondo

.myBgColor { background-color: #46BD83; }

<div style="background-color:#46BD83">Inner text</div>

Questo div ha lo sfondo di colore #46BD83.

Colore del bordo

.myBorderColor { border: 1px solid #46BD83; }

<div style="border:3px solid #46BD83">Div</div>

Questo div ha i bordi di colore 46BD83.

Trasparenza

.myOpacity80 { color: #46BD83; opacity: 0.8; }

<p style="color:#46BD83;opacity:0.8;">80%</p>

Il testo di color #46BD83 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 #46BD83;}

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

Questo testo ha l'ombra di colore #46BD83.

.textShadow {text-shadow: 3px 3px 1px #46BD83, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #46BD83 e del colore secondario rosso.

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

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

This text has shadow with #46BD83 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #46BD83.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #46BD83 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #46BD83 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #46BD83

Questo è un testo nero sullo sfondo del colore #46BD83.

Esempio del testo bianco sullo sfondo del colore #46BD83

Questo è un testo bianco sullo sfondo del colore #46BD83.

COLORE #46BD83