Colore #0BCCFB, codici hex ed rgb, esempi

Informazioni

Il colore #0BCCFB contiene principalmente il verde e il blu. Per il #0BCCFB il colore web safe è #00CCFF (#0CF).

Modello di colore RGB

Il colore 0BCCFB in RGB è definito come 11,204,251

Il rosso è 11;
Il verde è 204;
Il blu è 251.

RGB:
(11,204,251)
(4%,80%,98%)

Rapporto dei colori in RGB

R 11 da 255 = 4%
G 204 da 255 = 80%
B 251 da 255 = 98%

204

251

R + G + B ~ 61%. #0BCCFB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
11 + 204 + 251 = 466 (100%)
R 11 da 466 ~ 2.36%
G 204 da 466 ~ 43.78%
B 251 da 466 ~ 53.86%

%43.78

%53.86

Modello di colore CMYK

Il colore #0BCCFB in CMYK è definito come 96,19,0,2.

Il color verde blu è 95.62%
Il color magenta è 18.73%
Il giallo è 0.00%
Il colore chiave è 1.57%

CMYK:
(96,19,0,2)
C96M19Y0K2 
(96%,19%,0%,2%)
(0.96/0.19/0.00/0.02)

Canali CMYK in percentuale

%95.62

%18.73

%1.57

Codici del colore

Il #0BCCFB nei modelli di colore popolari.

	0B	CC	FB
RGB	11	204	251
HSL	192°	96.77%	51.37%
HSB/HSV	192°	95.62%	98.43%
CMYK	95.62%	18.73%	0.00%
CMYK	1.57%

Il #0BCCFB nei modelli numerici popolari.

Esadicemale	0B	CC	FB
Decimale	11	204	251
Binario	1011	11001100	11111011
Ottale	13	314	373

Tonalita del colore

Tonalità scure del colore #0BCCFB

#0BCCFB
(11,204,251)

#0ABAE5
(10,186,229)

#09A8CF
(9,168,207)

#0896B9
(8,150,185)

#0784A3
(7,132,163)

#06728D
(6,114,141)

#056077
(5,96,119)

#044E61
(4,78,97)

#033C4B
(3,60,75)

#022A35
(2,42,53)

#01181F
(1,24,31)

#000000
(0,0,0)

Tonalità chiare del colore #0BCCFB

#0BCCFB
(11,204,251)

#21D0FB
(33,208,251)

#37D4FB
(55,212,251)

#4DD8FB
(77,216,251)

#63DCFB
(99,220,251)

#79E0FB
(121,224,251)

#8FE4FB
(143,228,251)

#A5E8FB
(165,232,251)

#BBECFB
(187,236,251)

#D1F0FB
(209,240,251)

#E7F4FB
(231,244,251)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #0BCCFB; }

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

Il colore di questo testo è #0BCCFB.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #0BCCFB.

Colore del bordo

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

<div style="border:3px solid #0BCCFB">Div</div>

Questo div ha i bordi di colore 0BCCFB.

Trasparenza

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

<p style="color:#0BCCFB;opacity:0.8;">80%</p>

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #0BCCFB sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #0BCCFB sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #0BCCFB

Questo è un testo nero sullo sfondo del colore #0BCCFB.

Esempio del testo bianco sullo sfondo del colore #0BCCFB

Questo è un testo bianco sullo sfondo del colore #0BCCFB.

COLORE #0BCCFB