COLORE #7A6196

HEX: #7A6196
RGB: (122,97,150)

Informazioni

Il colore #7A6196 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #7A6196 il colore web safe è #666699 (#669).

Modello di colore RGB

Il colore 7A6196 in RGB è definito come 122,97,150

  • Il rosso è 122;
  • Il verde è 97;
  • Il blu è 150.
RGB:
(122,97,150)
(48%,38%,59%)

Rapporto dei colori in RGB

R 122 da 255 = 48%
G 97 da 255 = 38%
B 150 da 255 = 59%

122
97
150

R + G + B ~ 48%. #7A6196 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
122 + 97 + 150 = 369 (100%)
R 122 da 369 ~ 33.06%
G 97 da 369 ~ 26.29%
B 150 da 369 ~ 40.65%

%33.06
%26.29
%40.65

Modello di colore CMYK

Il colore #7A6196 in CMYK è definito come 19,35,0,41.

  • Il color verde blu è 18.67%
  • Il color magenta è 35.33%
  • Il giallo è 0.00%
  • Il colore chiave è 41.18%
CMYK:
(19,35,0,41)
C19M35Y0K41 
(19%,35%,0%,41%)
(0.19/0.35/0.00/0.41)	

Canali CMYK in percentuale

%18.67
%35.33
%0
%41.18

Codici del colore

Il #7A6196 nei modelli di colore popolari.

7A6196
RGB12297150
HSL268°21.46%48.43%
HSB/HSV268°35.33%58.82%
CMYK18.67%35.33%0.00%
41.18%

Il #7A6196 nei modelli numerici popolari.

Esadicemale7A6196
Decimale12297150
Binario1111010110000110010110
Ottale172141226

Tonalita del colore

Tonalità scure del colore #7A6196

#7A6196
(122,97,150)
#6F5989
(111,89,137)
#64517C
(100,81,124)
#59496F
(89,73,111)
#4E4162
(78,65,98)
#433955
(67,57,85)
#383148
(56,49,72)
#2D293B
(45,41,59)
#22212E
(34,33,46)
#171921
(23,25,33)
#0C1114
(12,17,20)
#000000
(0,0,0)

Tonalità chiare del colore #7A6196

#7A6196
(122,97,150)
#866F9F
(134,111,159)
#927DA8
(146,125,168)
#9E8BB1
(158,139,177)
#AA99BA
(170,153,186)
#B6A7C3
(182,167,195)
#C2B5CC
(194,181,204)
#CEC3D5
(206,195,213)
#DAD1DE
(218,209,222)
#E6DFE7
(230,223,231)
#F2EDF0
(242,237,240)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7A6196. Utilizzate rgb(122,97,150) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7A6196; }

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

Il colore di questo testo è #7A6196.


Colore dello sfondo

.myBgColor { background-color: #7A6196; }

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

Questo div ha lo sfondo di colore #7A6196.


Colore del bordo

.myBorderColor { border: 1px solid #7A6196; }

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

Questo div ha i bordi di colore 7A6196.


Trasparenza

.myOpacity80 { color: #7A6196; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #7A6196.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #7A6196 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #7A6196 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #7A6196

Questo è un testo nero sullo sfondo del colore #7A6196.


Esempio del testo bianco sullo sfondo del colore #7A6196

Questo è un testo bianco sullo sfondo del colore #7A6196.