Colore #1F3946, codici hex ed rgb, esempi

Informazioni

Il colore #1F3946 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #1F3946 il colore web safe è #333333 (#333).

Modello di colore RGB

Il colore 1F3946 in RGB è definito come 31,57,70

Il rosso è 31;
Il verde è 57;
Il blu è 70.

RGB: (31,57,70) (12%, 22%, 27%)

Rapporto dei colori in RGB

R 31 da 255 = 12%
G 57 da 255 = 22%
B 70 da 255 = 27%

31

57

70

R + G + B ~ 20%. #1F3946 colore scuro.

Canali RGB in percentuale

R + G + B = 31 + 57 + 70 = 158 (100%)
R 31 da 158 ~ 19.62%
G 57 da 158 ~ 36.08%
B 70 da 158 ~ 44.3'%

%19.62

%36.08

%44.3

Modello di colore CMYK

Il colore #1F3946 in CMYK è definito come 56,19,0,73.

Il color verde blu è 55.71%
Il color magenta è 18.57%
Il giallo è 0.00%
Il colore chiave è 72.55%

CMYK: (56,19,0,73)
C56M19Y0K73 (56%, 19%, 0%, 73%)
(0.56 / 0.19 / 0.00 / 0.73)

Canali CMYK in percentuale

%55.71

%18.57

%0

%72.55

Codici del colore

Il #1F3946 nei modelli di colore popolari.

	1F	39	46
RGB	31	57	70
HSL	200°	38.61%	19.80%
HSB/HSV	200°	55.71%	27.45%
CMYK	55.71%	18.57%	0.00%
CMYK	72.55%

Il #1F3946 nei modelli numerici popolari.

Esadicemale	1F	39	46
Decimale	31	57	70
Binario	11111	111001	1000110
Ottale	37	71	106

Tonalita del colore

Tonalità scure del colore #1F3946

#1F3946
(31,57,70)

#1D3440
(29,52,64)

#1B2F3A
(27,47,58)

#192A34
(25,42,52)

#17252E
(23,37,46)

#152028
(21,32,40)

#131B22
(19,27,34)

#11161C
(17,22,28)

#0F1116
(15,17,22)

#0D0C10
(13,12,16)

#0B070A
(11,7,10)

#000000
(0,0,0)

Tonalità chiare del colore #1F3946

#1F3946
(31,57,70)

#334B56
(51,75,86)

#475D66
(71,93,102)

#5B6F76
(91,111,118)

#6F8186
(111,129,134)

#839396
(131,147,150)

#97A5A6
(151,165,166)

#ABB7B6
(171,183,182)

#BFC9C6
(191,201,198)

#D3DBD6
(211,219,214)

#E7EDE6
(231,237,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #1F3946. Utilizzate rgb(31,57,70) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #1F3946; }

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

Il colore di questo testo è #1F3946.

Colore dello sfondo

.myBgColor { background-color: #1F3946; }

<div style="background-color:#1F3946">Inner text</div>

Questo div ha lo sfondo di colore #1F3946.

Colore del bordo

.myBorderColor { border: 1px solid #1F3946; }

Questo div ha i bordi di colore 1F3946.

Trasparenza

.myOpacity80 { color: #1F3946; opacity: 0.8; }

Il testo di color #1F3946 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 #1F3946;}

Questo testo ha l'ombra di colore #1F3946.

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

Questo testo ha l'ombra del colore principale #1F3946 e del colore secondario rosso.

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

This text has shadow with #1F3946 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #1F3946.