COLORE #522A49

HEX: #522A49
RGB: (82,42,73)

Informazioni

Il colore #522A49 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #522A49 il colore web safe è #663333 (#633).

Modello di colore RGB

Il colore 522A49 in RGB è definito come 82,42,73

  • Il rosso è 82;
  • Il verde è 42;
  • Il blu è 73.
RGB:
(82,42,73)
(32%,16%,29%)

Rapporto dei colori in RGB

R 82 da 255 = 32%
G 42 da 255 = 16%
B 73 da 255 = 29%

82
42
73

R + G + B ~ 26%. #522A49 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
82 + 42 + 73 = 197 (100%)
R 82 da 197 ~ 41.62%
G 42 da 197 ~ 21.32%
B 73 da 197 ~ 37.06%

%41.62
%21.32
%37.06

Modello di colore CMYK

Il colore #522A49 in CMYK è definito come 0,49,11,68.

  • Il color verde blu è 0.00%
  • Il color magenta è 48.78%
  • Il giallo è 10.98%
  • Il colore chiave è 67.84%
CMYK:
(0,49,11,68)
C0M49Y11K68 
(0%,49%,11%,68%)
(0.00/0.49/0.11/0.68)	

Canali CMYK in percentuale

%0
%48.78
%10.98
%67.84

Codici del colore

Il #522A49 nei modelli di colore popolari.

522A49
RGB824273
HSL314°32.26%24.31%
HSB/HSV314°48.78%32.16%
CMYK0.00%48.78%10.98%
67.84%

Il #522A49 nei modelli numerici popolari.

Esadicemale522A49
Decimale824273
Binario10100101010101001001
Ottale12252111

Tonalita del colore

Tonalità scure del colore #522A49

#522A49
(82,42,73)
#4B2743
(75,39,67)
#44243D
(68,36,61)
#3D2137
(61,33,55)
#361E31
(54,30,49)
#2F1B2B
(47,27,43)
#281825
(40,24,37)
#21151F
(33,21,31)
#1A1219
(26,18,25)
#130F13
(19,15,19)
#0C0C0D
(12,12,13)
#000000
(0,0,0)

Tonalità chiare del colore #522A49

#522A49
(82,42,73)
#613D59
(97,61,89)
#705069
(112,80,105)
#7F6379
(127,99,121)
#8E7689
(142,118,137)
#9D8999
(157,137,153)
#AC9CA9
(172,156,169)
#BBAFB9
(187,175,185)
#CAC2C9
(202,194,201)
#D9D5D9
(217,213,217)
#E8E8E9
(232,232,233)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #522A49. Utilizzate rgb(82,42,73) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #522A49; }

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

Il colore di questo testo è #522A49.


Colore dello sfondo

.myBgColor { background-color: #522A49; }

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

Questo div ha lo sfondo di colore #522A49.


Colore del bordo

.myBorderColor { border: 1px solid #522A49; }

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

Questo div ha i bordi di colore 522A49.


Trasparenza

.myOpacity80 { color: #522A49; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #522A49.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #522A49 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #522A49 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #522A49

Questo è un testo nero sullo sfondo del colore #522A49.


Esempio del testo bianco sullo sfondo del colore #522A49

Questo è un testo bianco sullo sfondo del colore #522A49.