Colore #58C395, codici hex ed rgb, esempi

Informazioni

Il colore #58C395 contiene principalmente il verde e il blu. Per il #58C395 il colore web safe è #66CC99 (#6C9).

Modello di colore RGB

Il colore 58C395 in RGB è definito come 88,195,149

Il rosso è 88;
Il verde è 195;
Il blu è 149.

RGB:
(88,195,149)
(35%,76%,58%)

Rapporto dei colori in RGB

R 88 da 255 = 35%
G 195 da 255 = 76%
B 149 da 255 = 58%

195

149

R + G + B ~ 56%. #58C395 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
88 + 195 + 149 = 432 (100%)
R 88 da 432 ~ 20.37%
G 195 da 432 ~ 45.14%
B 149 da 432 ~ 34.49%

%20.37

%45.14

%34.49

Modello di colore CMYK

Il colore #58C395 in CMYK è definito come 55,0,24,24.

Il color verde blu è 54.87%
Il color magenta è 0.00%
Il giallo è 23.59%
Il colore chiave è 23.53%

CMYK:
(55,0,24,24)
C55M0Y24K24 
(55%,0%,24%,24%)
(0.55/0.00/0.24/0.24)

Canali CMYK in percentuale

%54.87

%23.59

%23.53

Codici del colore

Il #58C395 nei modelli di colore popolari.

	58	C3	95
RGB	88	195	149
HSL	154°	47.14%	55.49%
HSB/HSV	154°	54.87%	76.47%
CMYK	54.87%	0.00%	23.59%
CMYK	23.53%

Il #58C395 nei modelli numerici popolari.

Esadicemale	58	C3	95
Decimale	88	195	149
Binario	1011000	11000011	10010101
Ottale	130	303	225

Tonalita del colore

Tonalità scure del colore #58C395

#58C395
(88,195,149)

#50B288
(80,178,136)

#48A17B
(72,161,123)

#40906E
(64,144,110)

#387F61
(56,127,97)

#306E54
(48,110,84)

#285D47
(40,93,71)

#204C3A
(32,76,58)

#183B2D
(24,59,45)

#102A20
(16,42,32)

#081913
(8,25,19)

#000000
(0,0,0)

Tonalità chiare del colore #58C395

#58C395
(88,195,149)

#67C89E
(103,200,158)

#76CDA7
(118,205,167)

#85D2B0
(133,210,176)

#94D7B9
(148,215,185)

#A3DCC2
(163,220,194)

#B2E1CB
(178,225,203)

#C1E6D4
(193,230,212)

#D0EBDD
(208,235,221)

#DFF0E6
(223,240,230)

#EEF5EF
(238,245,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #58C395. Utilizzate rgb(88,195,149) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #58C395; }

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

Il colore di questo testo è #58C395.

Colore dello sfondo

.myBgColor { background-color: #58C395; }

<div style="background-color:#58C395">Inner text</div>

Questo div ha lo sfondo di colore #58C395.

Colore del bordo

.myBorderColor { border: 1px solid #58C395; }

<div style="border:3px solid #58C395">Div</div>

Questo div ha i bordi di colore 58C395.

Trasparenza

.myOpacity80 { color: #58C395; opacity: 0.8; }

<p style="color:#58C395;opacity:0.8;">80%</p>

Il testo di color #58C395 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 #58C395;}

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

Questo testo ha l'ombra di colore #58C395.

.textShadow {text-shadow: 3px 3px 1px #58C395, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #58C395 e del colore secondario rosso.

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

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

This text has shadow with #58C395 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #58C395.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #58C395 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #58C395 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #58C395

Questo è un testo nero sullo sfondo del colore #58C395.

Esempio del testo bianco sullo sfondo del colore #58C395

Questo è un testo bianco sullo sfondo del colore #58C395.

COLORE #58C395