COLORE #484A5B

HEX: #484A5B
RGB: (72,74,91)

Informazioni

Il colore #484A5B contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #484A5B il colore web safe è #333366 (#336).

Modello di colore RGB

Il colore 484A5B in RGB è definito come 72,74,91

  • Il rosso è 72;
  • Il verde è 74;
  • Il blu è 91.
RGB:
(72,74,91)
(28%,29%,36%)

Rapporto dei colori in RGB

R 72 da 255 = 28%
G 74 da 255 = 29%
B 91 da 255 = 36%

72
74
91

R + G + B ~ 31%. #484A5B colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
72 + 74 + 91 = 237 (100%)
R 72 da 237 ~ 30.38%
G 74 da 237 ~ 31.22%
B 91 da 237 ~ 38.4%

%30.38
%31.22
%38.4

Modello di colore CMYK

Il colore #484A5B in CMYK è definito come 21,19,0,64.

  • Il color verde blu è 20.88%
  • Il color magenta è 18.68%
  • Il giallo è 0.00%
  • Il colore chiave è 64.31%
CMYK:
(21,19,0,64)
C21M19Y0K64 
(21%,19%,0%,64%)
(0.21/0.19/0.00/0.64)	

Canali CMYK in percentuale

%20.88
%18.68
%0
%64.31

Codici del colore

Il #484A5B nei modelli di colore popolari.

484A5B
RGB727491
HSL234°11.66%31.96%
HSB/HSV234°20.88%35.69%
CMYK20.88%18.68%0.00%
64.31%

Il #484A5B nei modelli numerici popolari.

Esadicemale484A5B
Decimale727491
Binario100100010010101011011
Ottale110112133

Tonalita del colore

Tonalità scure del colore #484A5B

#484A5B
(72,74,91)
#424453
(66,68,83)
#3C3E4B
(60,62,75)
#363843
(54,56,67)
#30323B
(48,50,59)
#2A2C33
(42,44,51)
#24262B
(36,38,43)
#1E2023
(30,32,35)
#181A1B
(24,26,27)
#121413
(18,20,19)
#0C0E0B
(12,14,11)
#000000
(0,0,0)

Tonalità chiare del colore #484A5B

#484A5B
(72,74,91)
#585A69
(88,90,105)
#686A77
(104,106,119)
#787A85
(120,122,133)
#888A93
(136,138,147)
#989AA1
(152,154,161)
#A8AAAF
(168,170,175)
#B8BABD
(184,186,189)
#C8CACB
(200,202,203)
#D8DAD9
(216,218,217)
#E8EAE7
(232,234,231)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #484A5B. Utilizzate rgb(72,74,91) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #484A5B; }

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

Il colore di questo testo è #484A5B.


Colore dello sfondo

.myBgColor { background-color: #484A5B; }

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

Questo div ha lo sfondo di colore #484A5B.


Colore del bordo

.myBorderColor { border: 1px solid #484A5B; }

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

Questo div ha i bordi di colore 484A5B.


Trasparenza

.myOpacity80 { color: #484A5B; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #484A5B.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #484A5B sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #484A5B sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #484A5B

Questo è un testo nero sullo sfondo del colore #484A5B.


Esempio del testo bianco sullo sfondo del colore #484A5B

Questo è un testo bianco sullo sfondo del colore #484A5B.