Colore #5B9672, codici hex ed rgb, esempi

Informazioni

Il colore #5B9672 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #5B9672 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 5B9672 in RGB è definito come 91,150,114

Il rosso è 91;
Il verde è 150;
Il blu è 114.

RGB:
(91,150,114)
(36%,59%,45%)

Rapporto dei colori in RGB

R 91 da 255 = 36%
G 150 da 255 = 59%
B 114 da 255 = 45%

150

114

R + G + B ~ 47%. #5B9672 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
91 + 150 + 114 = 355 (100%)
R 91 da 355 ~ 25.63%
G 150 da 355 ~ 42.25%
B 114 da 355 ~ 32.11%

%25.63

%42.25

%32.11

Modello di colore CMYK

Il colore #5B9672 in CMYK è definito come 39,0,24,41.

Il color verde blu è 39.33%
Il color magenta è 0.00%
Il giallo è 24.00%
Il colore chiave è 41.18%

CMYK:
(39,0,24,41)
C39M0Y24K41 
(39%,0%,24%,41%)
(0.39/0.00/0.24/0.41)

Canali CMYK in percentuale

%39.33

%24

%41.18

Codici del colore

Il #5B9672 nei modelli di colore popolari.

	5B	96	72
RGB	91	150	114
HSL	143°	24.48%	47.25%
HSB/HSV	143°	39.33%	58.82%
CMYK	39.33%	0.00%	24.00%
CMYK	41.18%

Il #5B9672 nei modelli numerici popolari.

Esadicemale	5B	96	72
Decimale	91	150	114
Binario	1011011	10010110	1110010
Ottale	133	226	162

Tonalita del colore

Tonalità scure del colore #5B9672

#5B9672
(91,150,114)

#538968
(83,137,104)

#4B7C5E
(75,124,94)

#436F54
(67,111,84)

#3B624A
(59,98,74)

#335540
(51,85,64)

#2B4836
(43,72,54)

#233B2C
(35,59,44)

#1B2E22
(27,46,34)

#132118
(19,33,24)

#0B140E
(11,20,14)

#000000
(0,0,0)

Tonalità chiare del colore #5B9672

#5B9672
(91,150,114)

#699F7E
(105,159,126)

#77A88A
(119,168,138)

#85B196
(133,177,150)

#93BAA2
(147,186,162)

#A1C3AE
(161,195,174)

#AFCCBA
(175,204,186)

#BDD5C6
(189,213,198)

#CBDED2
(203,222,210)

#D9E7DE
(217,231,222)

#E7F0EA
(231,240,234)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5B9672. Utilizzate rgb(91,150,114) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5B9672; }

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

Il colore di questo testo è #5B9672.

Colore dello sfondo

.myBgColor { background-color: #5B9672; }

<div style="background-color:#5B9672">Inner text</div>

Questo div ha lo sfondo di colore #5B9672.

Colore del bordo

.myBorderColor { border: 1px solid #5B9672; }

<div style="border:3px solid #5B9672">Div</div>

Questo div ha i bordi di colore 5B9672.

Trasparenza

.myOpacity80 { color: #5B9672; opacity: 0.8; }

<p style="color:#5B9672;opacity:0.8;">80%</p>

Il testo di color #5B9672 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 #5B9672;}

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

Questo testo ha l'ombra di colore #5B9672.

.textShadow {text-shadow: 3px 3px 1px #5B9672, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #5B9672 e del colore secondario rosso.

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

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

This text has shadow with #5B9672 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #5B9672.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5B9672 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5B9672 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #5B9672

Questo è un testo nero sullo sfondo del colore #5B9672.

Esempio del testo bianco sullo sfondo del colore #5B9672

Questo è un testo bianco sullo sfondo del colore #5B9672.

COLORE #5B9672