COLORE #4D46C1

HEX: #4D46C1
RGB: (77,70,193)

Informazioni

Il colore #4D46C1 contiene principalmente il blu. Per il #4D46C1 il colore web safe è #3333CC (#33C).

Modello di colore RGB

Il colore 4D46C1 in RGB è definito come 77,70,193

  • Il rosso è 77;
  • Il verde è 70;
  • Il blu è 193.
RGB:
(77,70,193)
(30%,27%,76%)

Rapporto dei colori in RGB

R 77 da 255 = 30%
G 70 da 255 = 27%
B 193 da 255 = 76%

77
70
193

R + G + B ~ 44%. #4D46C1 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
77 + 70 + 193 = 340 (100%)
R 77 da 340 ~ 22.65%
G 70 da 340 ~ 20.59%
B 193 da 340 ~ 56.76%

%22.65
%20.59
%56.76

Modello di colore CMYK

Il colore #4D46C1 in CMYK è definito come 60,64,0,24.

  • Il color verde blu è 60.10%
  • Il color magenta è 63.73%
  • Il giallo è 0.00%
  • Il colore chiave è 24.31%
CMYK:
(60,64,0,24)
C60M64Y0K24 
(60%,64%,0%,24%)
(0.60/0.64/0.00/0.24)	

Canali CMYK in percentuale

%60.1
%63.73
%0
%24.31

Codici del colore

Il #4D46C1 nei modelli di colore popolari.

4D46C1
RGB7770193
HSL243°49.80%51.57%
HSB/HSV243°63.73%75.69%
CMYK60.10%63.73%0.00%
24.31%

Il #4D46C1 nei modelli numerici popolari.

Esadicemale4D46C1
Decimale7770193
Binario1001101100011011000001
Ottale115106301

Tonalita del colore

Tonalità scure del colore #4D46C1

#4D46C1
(77,70,193)
#4640B0
(70,64,176)
#3F3A9F
(63,58,159)
#38348E
(56,52,142)
#312E7D
(49,46,125)
#2A286C
(42,40,108)
#23225B
(35,34,91)
#1C1C4A
(28,28,74)
#151639
(21,22,57)
#0E1028
(14,16,40)
#070A17
(7,10,23)
#000000
(0,0,0)

Tonalità chiare del colore #4D46C1

#4D46C1
(77,70,193)
#5D56C6
(93,86,198)
#6D66CB
(109,102,203)
#7D76D0
(125,118,208)
#8D86D5
(141,134,213)
#9D96DA
(157,150,218)
#ADA6DF
(173,166,223)
#BDB6E4
(189,182,228)
#CDC6E9
(205,198,233)
#DDD6EE
(221,214,238)
#EDE6F3
(237,230,243)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #4D46C1. Utilizzate rgb(77,70,193) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #4D46C1; }

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

Il colore di questo testo è #4D46C1.


Colore dello sfondo

.myBgColor { background-color: #4D46C1; }

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

Questo div ha lo sfondo di colore #4D46C1.


Colore del bordo

.myBorderColor { border: 1px solid #4D46C1; }

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

Questo div ha i bordi di colore 4D46C1.


Trasparenza

.myOpacity80 { color: #4D46C1; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #4D46C1.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #4D46C1 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #4D46C1 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #4D46C1

Questo è un testo nero sullo sfondo del colore #4D46C1.


Esempio del testo bianco sullo sfondo del colore #4D46C1

Questo è un testo bianco sullo sfondo del colore #4D46C1.