Colore #ABBF91, codici hex ed rgb, esempi

Informazioni

Il colore #ABBF91 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #ABBF91 il colore web safe è #99CC99 (#9C9).

Modello di colore RGB

Il colore ABBF91 in RGB è definito come 171,191,145

Il rosso è 171;
Il verde è 191;
Il blu è 145.

RGB:
(171,191,145)
(67%,75%,57%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 191 da 255 = 75%
B 145 da 255 = 57%

171

191

145

R + G + B ~ 66%. #ABBF91 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
171 + 191 + 145 = 507 (100%)
R 171 da 507 ~ 33.73%
G 191 da 507 ~ 37.67%
B 145 da 507 ~ 28.6%

%33.73

%37.67

%28.6

Modello di colore CMYK

Il colore #ABBF91 in CMYK è definito come 10,0,24,25.

Il color verde blu è 10.47%
Il color magenta è 0.00%
Il giallo è 24.08%
Il colore chiave è 25.10%

CMYK:
(10,0,24,25)
C10M0Y24K25 
(10%,0%,24%,25%)
(0.10/0.00/0.24/0.25)

Canali CMYK in percentuale

%10.47

%24.08

%25.1

Codici del colore

Il #ABBF91 nei modelli di colore popolari.

	AB	BF	91
RGB	171	191	145
HSL	86°	26.44%	65.88%
HSB/HSV	86°	24.08%	74.90%
CMYK	10.47%	0.00%	24.08%
CMYK	25.10%

Il #ABBF91 nei modelli numerici popolari.

Esadicemale	AB	BF	91
Decimale	171	191	145
Binario	10101011	10111111	10010001
Ottale	253	277	221

Tonalita del colore

Tonalità scure del colore #ABBF91

#ABBF91
(171,191,145)

#9CAE84
(156,174,132)

#8D9D77
(141,157,119)

#7E8C6A
(126,140,106)

#6F7B5D
(111,123,93)

#606A50
(96,106,80)

#515943
(81,89,67)

#424836
(66,72,54)

#333729
(51,55,41)

#24261C
(36,38,28)

#15150F
(21,21,15)

#000000
(0,0,0)

Tonalità chiare del colore #ABBF91

#ABBF91
(171,191,145)

#B2C49B
(178,196,155)

#B9C9A5
(185,201,165)

#C0CEAF
(192,206,175)

#C7D3B9
(199,211,185)

#CED8C3
(206,216,195)

#D5DDCD
(213,221,205)

#DCE2D7
(220,226,215)

#E3E7E1
(227,231,225)

#EAECEB
(234,236,235)

#F1F1F5
(241,241,245)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #ABBF91; }

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

Il colore di questo testo è #ABBF91.

Colore dello sfondo

.myBgColor { background-color: #ABBF91; }

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

Questo div ha lo sfondo di colore #ABBF91.

Colore del bordo

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

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

Questo div ha i bordi di colore ABBF91.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ABBF91.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ABBF91.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #ABBF91 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #ABBF91 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #ABBF91

Questo è un testo nero sullo sfondo del colore #ABBF91.

Esempio del testo bianco sullo sfondo del colore #ABBF91

Questo è un testo bianco sullo sfondo del colore #ABBF91.

COLORE #ABBF91