COLORE #5F6DB3

HEX: #5F6DB3 RGB: (95,109,179)

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

Informazioni

Il colore #5F6DB3 contiene principalmente il blu. Per il #5F6DB3 il colore web safe è #666699 (#669).

Modello di colore RGB

Il colore 5F6DB3 in RGB è definito come 95,109,179

Il rosso è 95;
Il verde è 109;
Il blu è 179.

RGB: (95,109,179) (37%, 43%, 70%)

Rapporto dei colori in RGB

R 95 da 255 = 37%
G 109 da 255 = 43%
B 179 da 255 = 70%

109

179

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

Canali RGB in percentuale

R + G + B = 95 + 109 + 179 = 383 (100%)
R 95 da 383 ~ 24.8%
G 109 da 383 ~ 28.46%
B 179 da 383 ~ 46.74'%

%24.8

%28.46

%46.74

Modello di colore CMYK

Il colore #5F6DB3 in CMYK è definito come 47,39,0,30.

Il color verde blu è 46.93%
Il color magenta è 39.11%
Il giallo è 0.00%
Il colore chiave è 29.80%

CMYK: (47,39,0,30)
C47M39Y0K30 (47%, 39%, 0%, 30%)
(0.47 / 0.39 / 0.00 / 0.30)

Canali CMYK in percentuale

%46.93

%39.11

%29.8

Codici del colore

Il #5F6DB3 nei modelli di colore popolari.

	5F	6D	B3
RGB	95	109	179
HSL	230°	35.59%	53.73%
HSB/HSV	230°	46.93%	70.20%
CMYK	46.93%	39.11%	0.00%
CMYK	29.80%

Il #5F6DB3 nei modelli numerici popolari.

Esadicemale	5F	6D	B3
Decimale	95	109	179
Binario	1011111	1101101	10110011
Ottale	137	155	263

Tonalita del colore

Tonalità scure del colore #5F6DB3

#5F6DB3
(95,109,179)

#5764A3
(87,100,163)

#4F5B93
(79,91,147)

#475283
(71,82,131)

#3F4973
(63,73,115)

#374063
(55,64,99)

#2F3753
(47,55,83)

#272E43
(39,46,67)

#1F2533
(31,37,51)

#171C23
(23,28,35)

#0F1313
(15,19,19)

#000000
(0,0,0)

Tonalità chiare del colore #5F6DB3

#5F6DB3
(95,109,179)

#6D7AB9
(109,122,185)

#7B87BF
(123,135,191)

#8994C5
(137,148,197)

#97A1CB
(151,161,203)

#A5AED1
(165,174,209)

#B3BBD7
(179,187,215)

#C1C8DD
(193,200,221)

#CFD5E3
(207,213,227)

#DDE2E9
(221,226,233)

#EBEFEF
(235,239,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5F6DB3. Utilizzate rgb(95,109,179) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5F6DB3; }

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

Il colore di questo testo è #5F6DB3.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #5F6DB3.

Colore del bordo

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

Questo div ha i bordi di colore 5F6DB3.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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