COLORE #5A6393

HEX: #5A6393 RGB: (90,99,147)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

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

Modello di colore RGB

Il colore 5A6393 in RGB è definito come 90,99,147

Il rosso è 90;
Il verde è 99;
Il blu è 147.

RGB: (90,99,147) (35%, 39%, 58%)

Rapporto dei colori in RGB

R 90 da 255 = 35%
G 99 da 255 = 39%
B 147 da 255 = 58%

147

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

Canali RGB in percentuale

R + G + B = 90 + 99 + 147 = 336 (100%)
R 90 da 336 ~ 26.79%
G 99 da 336 ~ 29.46%
B 147 da 336 ~ 43.75'%

%26.79

%29.46

%43.75

Modello di colore CMYK

Il colore #5A6393 in CMYK è definito come 39,33,0,42.

Il color verde blu è 38.78%
Il color magenta è 32.65%
Il giallo è 0.00%
Il colore chiave è 42.35%

CMYK: (39,33,0,42) C39M33Y0K42 (39%,33%,0%,42%) (0.39/0.33/0.00/0.42)

Canali CMYK in percentuale

%38.78

%32.65

%42.35

Codici del colore

Il #5A6393 nei modelli di colore popolari.

	5A	63	93
RGB	90	99	147
HSL	231°	24.05%	46.47%
HSB/HSV	231°	38.78%	57.65%
CMYK	38.78%	32.65%	0.00%
CMYK	42.35%

Il #5A6393 nei modelli numerici popolari.

Esadicemale	5A	63	93
Decimale	90	99	147
Binario	1011010	1100011	10010011
Ottale	132	143	223

Tonalita del colore

Tonalità scure del colore #5A6393

#5A6393
(90,99,147)

#525A86
(82,90,134)

#4A5179
(74,81,121)

#42486C
(66,72,108)

#3A3F5F
(58,63,95)

#323652
(50,54,82)

#2A2D45
(42,45,69)

#222438
(34,36,56)

#1A1B2B
(26,27,43)

#12121E
(18,18,30)

#0A0911
(10,9,17)

#000000
(0,0,0)

Tonalità chiare del colore #5A6393

#5A6393
(90,99,147)

#69719C
(105,113,156)

#787FA5
(120,127,165)

#878DAE
(135,141,174)

#969BB7
(150,155,183)

#A5A9C0
(165,169,192)

#B4B7C9
(180,183,201)

#C3C5D2
(195,197,210)

#D2D3DB
(210,211,219)

#E1E1E4
(225,225,228)

#F0EFED
(240,239,237)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5A6393. Utilizzate rgb(90,99,147) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5A6393; }

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

Il colore di questo testo è #5A6393.

Colore dello sfondo

.myBgColor { background-color: #5A6393; }

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

Questo div ha lo sfondo di colore #5A6393.

Colore del bordo

.myBorderColor { border: 1px solid #5A6393; }

Questo div ha i bordi di colore 5A6393.

Trasparenza

.myOpacity80 { color: #5A6393; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #5A6393.

.textShadow {text-shadow: 3px 3px 1px #5A6393', 3px 3px 1px red;}

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

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

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

Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #5A6393; -webkit-box-shadow: 1px 1px 3px 2px #5A6393; box-shadow:1px 1px 3px 2px #5A6393;">
Div content here
</div>

Questo div ha l'ombra di colore #5A6393.