Colore #0B2F48, codici hex ed rgb, esempi

Informazioni

Il colore #0B2F48 contiene principalmente il verde e il blu. Per il #0B2F48 il colore web safe è #003333 (#033).

Modello di colore RGB

Il colore 0B2F48 in RGB è definito come 11,47,72

Il rosso è 11;
Il verde è 47;
Il blu è 72.

RGB: (11,47,72) (4%, 18%, 28%)

Rapporto dei colori in RGB

R 11 da 255 = 4%
G 47 da 255 = 18%
B 72 da 255 = 28%

11

47

72

R + G + B ~ 17%. #0B2F48 colore scuro.

Canali RGB in percentuale

R + G + B = 11 + 47 + 72 = 130 (100%)
R 11 da 130 ~ 8.46%
G 47 da 130 ~ 36.15%
B 72 da 130 ~ 55.38'%

%36.15

%55.38

Modello di colore CMYK

Il colore #0B2F48 in CMYK è definito come 85,35,0,72.

Il color verde blu è 84.72%
Il color magenta è 34.72%
Il giallo è 0.00%
Il colore chiave è 71.76%

CMYK: (85,35,0,72)
C85M35Y0K72 (85%, 35%, 0%, 72%)
(0.85 / 0.35 / 0.00 / 0.72)

Canali CMYK in percentuale

%84.72

%34.72

%0

%71.76

Codici del colore

Il #0B2F48 nei modelli di colore popolari.

	0B	2F	48
RGB	11	47	72
HSL	205°	73.49%	16.27%
HSB/HSV	205°	84.72%	28.24%
CMYK	84.72%	34.72%	0.00%
CMYK	71.76%

Il #0B2F48 nei modelli numerici popolari.

Esadicemale	0B	2F	48
Decimale	11	47	72
Binario	1011	101111	1001000
Ottale	13	57	110

Tonalita del colore

Tonalità scure del colore #0B2F48

#0B2F48
(11,47,72)

#0A2B42
(10,43,66)

#09273C
(9,39,60)

#082336
(8,35,54)

#071F30
(7,31,48)

#061B2A
(6,27,42)

#051724
(5,23,36)

#04131E
(4,19,30)

#030F18
(3,15,24)

#020B12
(2,11,18)

#01070C
(1,7,12)

#000000
(0,0,0)

Tonalità chiare del colore #0B2F48

#0B2F48
(11,47,72)

#214158
(33,65,88)

#375368
(55,83,104)

#4D6578
(77,101,120)

#637788
(99,119,136)

#798998
(121,137,152)

#8F9BA8
(143,155,168)

#A5ADB8
(165,173,184)

#BBBFC8
(187,191,200)

#D1D1D8
(209,209,216)

#E7E3E8
(231,227,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #0B2F48. Utilizzate rgb(11,47,72) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #0B2F48; }

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

Il colore di questo testo è #0B2F48.

Colore dello sfondo

.myBgColor { background-color: #0B2F48; }

<div style="background-color:#0B2F48">Inner text</div>

Questo div ha lo sfondo di colore #0B2F48.

Colore del bordo

.myBorderColor { border: 1px solid #0B2F48; }

Questo div ha i bordi di colore 0B2F48.

Trasparenza

.myOpacity80 { color: #0B2F48; opacity: 0.8; }

Il testo di color #0B2F48 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 #0B2F48;}

Questo testo ha l'ombra di colore #0B2F48.

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

Questo testo ha l'ombra del colore principale #0B2F48 e del colore secondario rosso.

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

This text has shadow with #0B2F48 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #0B2F48.