COLORE #ACB4AA

HEX: #ACB4AA
RGB: (172,180,170)

Informazioni

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

Modello di colore RGB

Il colore ACB4AA in RGB è definito come 172,180,170

  • Il rosso è 172;
  • Il verde è 180;
  • Il blu è 170.
RGB:
(172,180,170)
(67%,71%,67%)

Rapporto dei colori in RGB

R 172 da 255 = 67%
G 180 da 255 = 71%
B 170 da 255 = 67%

172
180
170

R + G + B ~ 68%. #ACB4AA colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
172 + 180 + 170 = 522 (100%)
R 172 da 522 ~ 32.95%
G 180 da 522 ~ 34.48%
B 170 da 522 ~ 32.57%

%32.95
%34.48
%32.57

Modello di colore CMYK

Il colore #ACB4AA in CMYK è definito come 4,0,6,29.

  • Il color verde blu è 4.44%
  • Il color magenta è 0.00%
  • Il giallo è 5.56%
  • Il colore chiave è 29.41%
CMYK:
(4,0,6,29)
C4M0Y6K29 
(4%,0%,6%,29%)
(0.04/0.00/0.06/0.29)	

Canali CMYK in percentuale

%4.44
%0
%5.56
%29.41

Codici del colore

Il #ACB4AA nei modelli di colore popolari.

ACB4AA
RGB172180170
HSL108°6.25%68.63%
HSB/HSV108°5.56%70.59%
CMYK4.44%0.00%5.56%
29.41%

Il #ACB4AA nei modelli numerici popolari.

EsadicemaleACB4AA
Decimale172180170
Binario101011001011010010101010
Ottale254264252

Tonalita del colore

Tonalità scure del colore #ACB4AA

#ACB4AA
(172,180,170)
#9DA49B
(157,164,155)
#8E948C
(142,148,140)
#7F847D
(127,132,125)
#70746E
(112,116,110)
#61645F
(97,100,95)
#525450
(82,84,80)
#434441
(67,68,65)
#343432
(52,52,50)
#252423
(37,36,35)
#161414
(22,20,20)
#000000
(0,0,0)

Tonalità chiare del colore #ACB4AA

#ACB4AA
(172,180,170)
#B3BAB1
(179,186,177)
#BAC0B8
(186,192,184)
#C1C6BF
(193,198,191)
#C8CCC6
(200,204,198)
#CFD2CD
(207,210,205)
#D6D8D4
(214,216,212)
#DDDEDB
(221,222,219)
#E4E4E2
(228,228,226)
#EBEAE9
(235,234,233)
#F2F0F0
(242,240,240)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ACB4AA. Utilizzate rgb(172,180,170) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ACB4AA; }

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

Il colore di questo testo è #ACB4AA.


Colore dello sfondo

.myBgColor { background-color: #ACB4AA; }

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

Questo div ha lo sfondo di colore #ACB4AA.


Colore del bordo

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

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

Questo div ha i bordi di colore ACB4AA.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ACB4AA.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #ACB4AA;
-webkit-box-shadow: 1px 1px 3px 2px #ACB4AA;
box-shadow:1px 1px 3px 2px #ACB4AA;">
Div content here</div>
Questo div ha l'ombra di colore #ACB4AA.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #ACB4AA

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


Esempio del testo bianco sullo sfondo del colore #ACB4AA

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