COLORE #AC72A0

HEX: #AC72A0
RGB: (172,114,160)

Informazioni

Il colore #AC72A0 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #AC72A0 il colore web safe è #996699 (#969).

Modello di colore RGB

Il colore AC72A0 in RGB è definito come 172,114,160

  • Il rosso è 172;
  • Il verde è 114;
  • Il blu è 160.
RGB:
(172,114,160)
(67%,45%,63%)

Rapporto dei colori in RGB

R 172 da 255 = 67%
G 114 da 255 = 45%
B 160 da 255 = 63%

172
114
160

R + G + B ~ 58%. #AC72A0 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
172 + 114 + 160 = 446 (100%)
R 172 da 446 ~ 38.57%
G 114 da 446 ~ 25.56%
B 160 da 446 ~ 35.87%

%38.57
%25.56
%35.87

Modello di colore CMYK

Il colore #AC72A0 in CMYK è definito come 0,34,7,33.

  • Il color verde blu è 0.00%
  • Il color magenta è 33.72%
  • Il giallo è 6.98%
  • Il colore chiave è 32.55%
CMYK:
(0,34,7,33)
C0M34Y7K33 
(0%,34%,7%,33%)
(0.00/0.34/0.07/0.33)	

Canali CMYK in percentuale

%0
%33.72
%6.98
%32.55

Codici del colore

Il #AC72A0 nei modelli di colore popolari.

AC72A0
RGB172114160
HSL312°25.89%56.08%
HSB/HSV312°33.72%67.45%
CMYK0.00%33.72%6.98%
32.55%

Il #AC72A0 nei modelli numerici popolari.

EsadicemaleAC72A0
Decimale172114160
Binario10101100111001010100000
Ottale254162240

Tonalita del colore

Tonalità scure del colore #AC72A0

#AC72A0
(172,114,160)
#9D6892
(157,104,146)
#8E5E84
(142,94,132)
#7F5476
(127,84,118)
#704A68
(112,74,104)
#61405A
(97,64,90)
#52364C
(82,54,76)
#432C3E
(67,44,62)
#342230
(52,34,48)
#251822
(37,24,34)
#160E14
(22,14,20)
#000000
(0,0,0)

Tonalità chiare del colore #AC72A0

#AC72A0
(172,114,160)
#B37EA8
(179,126,168)
#BA8AB0
(186,138,176)
#C196B8
(193,150,184)
#C8A2C0
(200,162,192)
#CFAEC8
(207,174,200)
#D6BAD0
(214,186,208)
#DDC6D8
(221,198,216)
#E4D2E0
(228,210,224)
#EBDEE8
(235,222,232)
#F2EAF0
(242,234,240)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #AC72A0; }

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

Il colore di questo testo è #AC72A0.


Colore dello sfondo

.myBgColor { background-color: #AC72A0; }

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

Questo div ha lo sfondo di colore #AC72A0.


Colore del bordo

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

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

Questo div ha i bordi di colore AC72A0.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AC72A0.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #AC72A0

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


Esempio del testo bianco sullo sfondo del colore #AC72A0

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