COLORE #ABC877

HEX: #ABC877 RGB: (171,200,119)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #ABC877 contiene principalmente il rosso e il verde. Per il #ABC877 il colore web safe è #99CC66 (#9C6).

Modello di colore RGB

Il colore ABC877 in RGB è definito come 171,200,119

Il rosso è 171;
Il verde è 200;
Il blu è 119.

RGB: (171,200,119) (67%, 78%, 47%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 200 da 255 = 78%
B 119 da 255 = 47%

171

200

119

R + G + B ~ 64%. #ABC877 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 171 + 200 + 119 = 490 (100%)
R 171 da 490 ~ 34.9%
G 200 da 490 ~ 40.82%
B 119 da 490 ~ 24.29'%

%34.9

%40.82

%24.29

Modello di colore CMYK

Il colore #ABC877 in CMYK è definito come 15,0,41,22.

Il color verde blu è 14.50%
Il color magenta è 0.00%
Il giallo è 40.50%
Il colore chiave è 21.57%

CMYK: (15,0,41,22)
C15M0Y41K22 (15%, 0%, 41%, 22%)
(0.15 / 0.00 / 0.41 / 0.22)

Canali CMYK in percentuale

%14.5

%40.5

%21.57

Codici del colore

Il #ABC877 nei modelli di colore popolari.

	AB	C8	77
RGB	171	200	119
HSL	81°	42.41%	62.55%
HSB/HSV	81°	40.50%	78.43%
CMYK	14.50%	0.00%	40.50%
CMYK	21.57%

Il #ABC877 nei modelli numerici popolari.

Esadicemale	AB	C8	77
Decimale	171	200	119
Binario	10101011	11001000	1110111
Ottale	253	310	167

Tonalita del colore

Tonalità scure del colore #ABC877

#ABC877
(171,200,119)

#9CB66D
(156,182,109)

#8DA463
(141,164,99)

#7E9259
(126,146,89)

#6F804F
(111,128,79)

#606E45
(96,110,69)

#515C3B
(81,92,59)

#424A31
(66,74,49)

#333827
(51,56,39)

#24261D
(36,38,29)

#151413
(21,20,19)

#000000
(0,0,0)

Tonalità chiare del colore #ABC877

#ABC877
(171,200,119)

#B2CD83
(178,205,131)

#B9D28F
(185,210,143)

#C0D79B
(192,215,155)

#C7DCA7
(199,220,167)

#CEE1B3
(206,225,179)

#D5E6BF
(213,230,191)

#DCEBCB
(220,235,203)

#E3F0D7
(227,240,215)

#EAF5E3
(234,245,227)

#F1FAEF
(241,250,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ABC877. Utilizzate rgb(171,200,119) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ABC877; }

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

Il colore di questo testo è #ABC877.

Colore dello sfondo

.myBgColor { background-color: #ABC877; }

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

Questo div ha lo sfondo di colore #ABC877.

Colore del bordo

.myBorderColor { border: 1px solid #ABC877; }

Questo div ha i bordi di colore ABC877.

Trasparenza

.myOpacity80 { color: #ABC877; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #ABC877.

.textShadow {text-shadow: 3px 3px 1px #ABC877', 3px 3px 1px red;}

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ABC877.