Colore #5B77F1, codici hex ed rgb, esempi

Informazioni

Il colore #5B77F1 contiene principalmente il blu. Per il #5B77F1 il colore web safe è #6666FF (#66F).

Modello di colore RGB

Il colore 5B77F1 in RGB è definito come 91,119,241

Il rosso è 91;
Il verde è 119;
Il blu è 241.

RGB:
(91,119,241)
(36%,47%,95%)

Rapporto dei colori in RGB

R 91 da 255 = 36%
G 119 da 255 = 47%
B 241 da 255 = 95%

119

241

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

Canali RGB in percentuale

R + G + B =
91 + 119 + 241 = 451 (100%)
R 91 da 451 ~ 20.18%
G 119 da 451 ~ 26.39%
B 241 da 451 ~ 53.44%

%20.18

%26.39

%53.44

Modello di colore CMYK

Il colore #5B77F1 in CMYK è definito come 62,51,0,5.

Il color verde blu è 62.24%
Il color magenta è 50.62%
Il giallo è 0.00%
Il colore chiave è 5.49%

CMYK:
(62,51,0,5)
C62M51Y0K5 
(62%,51%,0%,5%)
(0.62/0.51/0.00/0.05)

Canali CMYK in percentuale

%62.24

%50.62

%5.49

Codici del colore

Il #5B77F1 nei modelli di colore popolari.

	5B	77	F1
RGB	91	119	241
HSL	229°	84.27%	65.10%
HSB/HSV	229°	62.24%	94.51%
CMYK	62.24%	50.62%	0.00%
CMYK	5.49%

Il #5B77F1 nei modelli numerici popolari.

Esadicemale	5B	77	F1
Decimale	91	119	241
Binario	1011011	1110111	11110001
Ottale	133	167	361

Tonalita del colore

Tonalità scure del colore #5B77F1

#5B77F1
(91,119,241)

#536DDC
(83,109,220)

#4B63C7
(75,99,199)

#4359B2
(67,89,178)

#3B4F9D
(59,79,157)

#334588
(51,69,136)

#2B3B73
(43,59,115)

#23315E
(35,49,94)

#1B2749
(27,39,73)

#131D34
(19,29,52)

#0B131F
(11,19,31)

#000000
(0,0,0)

Tonalità chiare del colore #5B77F1

#5B77F1
(91,119,241)

#6983F2
(105,131,242)

#778FF3
(119,143,243)

#859BF4
(133,155,244)

#93A7F5
(147,167,245)

#A1B3F6
(161,179,246)

#AFBFF7
(175,191,247)

#BDCBF8
(189,203,248)

#CBD7F9
(203,215,249)

#D9E3FA
(217,227,250)

#E7EFFB
(231,239,251)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5B77F1. Utilizzate rgb(91,119,241) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5B77F1; }

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

Il colore di questo testo è #5B77F1.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #5B77F1.

Colore del bordo

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

<div style="border:3px solid #5B77F1">Div</div>

Questo div ha i bordi di colore 5B77F1.

Trasparenza

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

<p style="color:#5B77F1;opacity:0.8;">80%</p>

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5B77F1 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5B77F1 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #5B77F1

Questo è un testo nero sullo sfondo del colore #5B77F1.

Esempio del testo bianco sullo sfondo del colore #5B77F1

Questo è un testo bianco sullo sfondo del colore #5B77F1.

COLORE #5B77F1