Colore #7CBE84, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 7CBE84 in RGB è definito come 124,190,132

Il rosso è 124;
Il verde è 190;
Il blu è 132.

RGB:
(124,190,132)
(49%,75%,52%)

Rapporto dei colori in RGB

R 124 da 255 = 49%
G 190 da 255 = 75%
B 132 da 255 = 52%

124

190

132

R + G + B ~ 59%. #7CBE84 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
124 + 190 + 132 = 446 (100%)
R 124 da 446 ~ 27.8%
G 190 da 446 ~ 42.6%
B 132 da 446 ~ 29.6%

%27.8

%42.6

%29.6

Modello di colore CMYK

Il colore #7CBE84 in CMYK è definito come 35,0,31,25.

Il color verde blu è 34.74%
Il color magenta è 0.00%
Il giallo è 30.53%
Il colore chiave è 25.49%

CMYK:
(35,0,31,25)
C35M0Y31K25 
(35%,0%,31%,25%)
(0.35/0.00/0.31/0.25)

Canali CMYK in percentuale

%34.74

%30.53

%25.49

Codici del colore

Il #7CBE84 nei modelli di colore popolari.

	7C	BE	84
RGB	124	190	132
HSL	127°	33.67%	61.57%
HSB/HSV	127°	34.74%	74.51%
CMYK	34.74%	0.00%	30.53%
CMYK	25.49%

Il #7CBE84 nei modelli numerici popolari.

Esadicemale	7C	BE	84
Decimale	124	190	132
Binario	1111100	10111110	10000100
Ottale	174	276	204

Tonalita del colore

Tonalità scure del colore #7CBE84

#7CBE84
(124,190,132)

#71AD78
(113,173,120)

#669C6C
(102,156,108)

#5B8B60
(91,139,96)

#507A54
(80,122,84)

#456948
(69,105,72)

#3A583C
(58,88,60)

#2F4730
(47,71,48)

#243624
(36,54,36)

#192518
(25,37,24)

#0E140C
(14,20,12)

#000000
(0,0,0)

Tonalità chiare del colore #7CBE84

#7CBE84
(124,190,132)

#87C38F
(135,195,143)

#92C89A
(146,200,154)

#9DCDA5
(157,205,165)

#A8D2B0
(168,210,176)

#B3D7BB
(179,215,187)

#BEDCC6
(190,220,198)

#C9E1D1
(201,225,209)

#D4E6DC
(212,230,220)

#DFEBE7
(223,235,231)

#EAF0F2
(234,240,242)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7CBE84. Utilizzate rgb(124,190,132) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7CBE84; }

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

Il colore di questo testo è #7CBE84.

Colore dello sfondo

.myBgColor { background-color: #7CBE84; }

<div style="background-color:#7CBE84">Inner text</div>

Questo div ha lo sfondo di colore #7CBE84.

Colore del bordo

.myBorderColor { border: 1px solid #7CBE84; }

<div style="border:3px solid #7CBE84">Div</div>

Questo div ha i bordi di colore 7CBE84.

Trasparenza

.myOpacity80 { color: #7CBE84; opacity: 0.8; }

<p style="color:#7CBE84;opacity:0.8;">80%</p>

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

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

Questo testo ha l'ombra di colore #7CBE84.

.textShadow {text-shadow: 3px 3px 1px #7CBE84, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #7CBE84 e del colore secondario rosso.

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

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

This text has shadow with #7CBE84 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #7CBE84.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #7CBE84 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #7CBE84 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #7CBE84

Questo è un testo nero sullo sfondo del colore #7CBE84.

Esempio del testo bianco sullo sfondo del colore #7CBE84

Questo è un testo bianco sullo sfondo del colore #7CBE84.

COLORE #7CBE84