Colore #74A965, codici hex ed rgb, esempi

Informazioni

Il colore #74A965 contiene principalmente il rosso e il verde. Per il #74A965 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 74A965 in RGB è definito come 116,169,101

Il rosso è 116;
Il verde è 169;
Il blu è 101.

RGB:
(116,169,101)
(45%,66%,40%)

Rapporto dei colori in RGB

R 116 da 255 = 45%
G 169 da 255 = 66%
B 101 da 255 = 40%

116

169

101

R + G + B ~ 50%. #74A965 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
116 + 169 + 101 = 386 (100%)
R 116 da 386 ~ 30.05%
G 169 da 386 ~ 43.78%
B 101 da 386 ~ 26.17%

%30.05

%43.78

%26.17

Modello di colore CMYK

Il colore #74A965 in CMYK è definito come 31,0,40,34.

Il color verde blu è 31.36%
Il color magenta è 0.00%
Il giallo è 40.24%
Il colore chiave è 33.73%

CMYK:
(31,0,40,34)
C31M0Y40K34 
(31%,0%,40%,34%)
(0.31/0.00/0.40/0.34)

Canali CMYK in percentuale

%31.36

%40.24

%33.73

Codici del colore

Il #74A965 nei modelli di colore popolari.

	74	A9	65
RGB	116	169	101
HSL	107°	28.33%	52.94%
HSB/HSV	107°	40.24%	66.27%
CMYK	31.36%	0.00%	40.24%
CMYK	33.73%

Il #74A965 nei modelli numerici popolari.

Esadicemale	74	A9	65
Decimale	116	169	101
Binario	1110100	10101001	1100101
Ottale	164	251	145

Tonalita del colore

Tonalità scure del colore #74A965

#74A965
(116,169,101)

#6A9A5C
(106,154,92)

#608B53
(96,139,83)

#567C4A
(86,124,74)

#4C6D41
(76,109,65)

#425E38
(66,94,56)

#384F2F
(56,79,47)

#2E4026
(46,64,38)

#24311D
(36,49,29)

#1A2214
(26,34,20)

#10130B
(16,19,11)

#000000
(0,0,0)

Tonalità chiare del colore #74A965

#74A965
(116,169,101)

#80B073
(128,176,115)

#8CB781
(140,183,129)

#98BE8F
(152,190,143)

#A4C59D
(164,197,157)

#B0CCAB
(176,204,171)

#BCD3B9
(188,211,185)

#C8DAC7
(200,218,199)

#D4E1D5
(212,225,213)

#E0E8E3
(224,232,227)

#ECEFF1
(236,239,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #74A965. Utilizzate rgb(116,169,101) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #74A965; }

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

Il colore di questo testo è #74A965.

Colore dello sfondo

.myBgColor { background-color: #74A965; }

<div style="background-color:#74A965">Inner text</div>

Questo div ha lo sfondo di colore #74A965.

Colore del bordo

.myBorderColor { border: 1px solid #74A965; }

<div style="border:3px solid #74A965">Div</div>

Questo div ha i bordi di colore 74A965.

Trasparenza

.myOpacity80 { color: #74A965; opacity: 0.8; }

<p style="color:#74A965;opacity:0.8;">80%</p>

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

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

Questo testo ha l'ombra di colore #74A965.

.textShadow {text-shadow: 3px 3px 1px #74A965, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #74A965 e del colore secondario rosso.

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

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

This text has shadow with #74A965 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #74A965.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #74A965 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #74A965 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #74A965

Questo è un testo nero sullo sfondo del colore #74A965.

Esempio del testo bianco sullo sfondo del colore #74A965

Questo è un testo bianco sullo sfondo del colore #74A965.

COLORE #74A965