COLORE #A574A1

HEX: #A574A1
RGB: (165,116,161)

Informazioni

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

Modello di colore RGB

Il colore A574A1 in RGB è definito come 165,116,161

  • Il rosso è 165;
  • Il verde è 116;
  • Il blu è 161.
RGB:
(165,116,161)
(65%,45%,63%)

Rapporto dei colori in RGB

R 165 da 255 = 65%
G 116 da 255 = 45%
B 161 da 255 = 63%

165
116
161

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

Canali RGB in percentuale

R + G + B =
165 + 116 + 161 = 442 (100%)
R 165 da 442 ~ 37.33%
G 116 da 442 ~ 26.24%
B 161 da 442 ~ 36.43%

%37.33
%26.24
%36.43

Modello di colore CMYK

Il colore #A574A1 in CMYK è definito come 0,30,2,35.

  • Il color verde blu è 0.00%
  • Il color magenta è 29.70%
  • Il giallo è 2.42%
  • Il colore chiave è 35.29%
CMYK:
(0,30,2,35)
C0M30Y2K35 
(0%,30%,2%,35%)
(0.00/0.30/0.02/0.35)	

Canali CMYK in percentuale

%0
%29.7
%2.42
%35.29

Codici del colore

Il #A574A1 nei modelli di colore popolari.

A574A1
RGB165116161
HSL305°21.40%55.10%
HSB/HSV305°29.70%64.71%
CMYK0.00%29.70%2.42%
35.29%

Il #A574A1 nei modelli numerici popolari.

EsadicemaleA574A1
Decimale165116161
Binario10100101111010010100001
Ottale245164241

Tonalita del colore

Tonalità scure del colore #A574A1

#A574A1
(165,116,161)
#966A93
(150,106,147)
#876085
(135,96,133)
#785677
(120,86,119)
#694C69
(105,76,105)
#5A425B
(90,66,91)
#4B384D
(75,56,77)
#3C2E3F
(60,46,63)
#2D2431
(45,36,49)
#1E1A23
(30,26,35)
#0F1015
(15,16,21)
#000000
(0,0,0)

Tonalità chiare del colore #A574A1

#A574A1
(165,116,161)
#AD80A9
(173,128,169)
#B58CB1
(181,140,177)
#BD98B9
(189,152,185)
#C5A4C1
(197,164,193)
#CDB0C9
(205,176,201)
#D5BCD1
(213,188,209)
#DDC8D9
(221,200,217)
#E5D4E1
(229,212,225)
#EDE0E9
(237,224,233)
#F5ECF1
(245,236,241)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #A574A1. Utilizzate rgb(165,116,161) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #A574A1; }

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

Il colore di questo testo è #A574A1.


Colore dello sfondo

.myBgColor { background-color: #A574A1; }

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

Questo div ha lo sfondo di colore #A574A1.


Colore del bordo

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

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

Questo div ha i bordi di colore A574A1.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #A574A1.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #A574A1

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


Esempio del testo bianco sullo sfondo del colore #A574A1

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