Colore #96BEFF, codici hex ed rgb, esempi

Informazioni

Il colore #96BEFF contiene principalmente il blu. Per il #96BEFF il colore web safe è #99CCFF (#9CF).

Modello di colore RGB

Il colore 96BEFF in RGB è definito come 150,190,255

Il rosso è 150;
Il verde è 190;
Il blu è 255.

RGB:
(150,190,255)
(59%,75%,100%)

Rapporto dei colori in RGB

R 150 da 255 = 59%
G 190 da 255 = 75%
B 255 da 255 = 100%

150

190

255

R + G + B ~ 78%. #96BEFF colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
150 + 190 + 255 = 595 (100%)
R 150 da 595 ~ 25.21%
G 190 da 595 ~ 31.93%
B 255 da 595 ~ 42.86%

%25.21

%31.93

%42.86

Modello di colore CMYK

Il colore #96BEFF in CMYK è definito come 41,25,0,0.

Il color verde blu è 41.18%
Il color magenta è 25.49%
Il giallo è 0.00%
Il colore chiave è 0.00%

CMYK:
(41,25,0,0)
C41M25Y0K0 
(41%,25%,0%,0%)
(0.41/0.25/0.00/0.00)

Canali CMYK in percentuale

%41.18

%25.49

Codici del colore

Il #96BEFF nei modelli di colore popolari.

	96	BE	FF
RGB	150	190	255
HSL	217°	100.00%	79.41%
HSB/HSV	217°	41.18%	100.00%
CMYK	41.18%	25.49%	0.00%
CMYK	0.00%

Il #96BEFF nei modelli numerici popolari.

Esadicemale	96	BE	FF
Decimale	150	190	255
Binario	10010110	10111110	11111111
Ottale	226	276	377

Tonalita del colore

Tonalità scure del colore #96BEFF

#96BEFF
(150,190,255)

#89ADE8
(137,173,232)

#7C9CD1
(124,156,209)

#6F8BBA
(111,139,186)

#627AA3
(98,122,163)

#55698C
(85,105,140)

#485875
(72,88,117)

#3B475E
(59,71,94)

#2E3647
(46,54,71)

#212530
(33,37,48)

#141419
(20,20,25)

#000000
(0,0,0)

Tonalità chiare del colore #96BEFF

#96BEFF
(150,190,255)

#9FC3FF
(159,195,255)

#A8C8FF
(168,200,255)

#B1CDFF
(177,205,255)

#BAD2FF
(186,210,255)

#C3D7FF
(195,215,255)

#CCDCFF
(204,220,255)

#D5E1FF
(213,225,255)

#DEE6FF
(222,230,255)

#E7EBFF
(231,235,255)

#F0F0FF
(240,240,255)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #96BEFF. Utilizzate rgb(150,190,255) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #96BEFF; }

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

Il colore di questo testo è #96BEFF.

Colore dello sfondo

.myBgColor { background-color: #96BEFF; }

<div style="background-color:#96BEFF">Inner text</div>

Questo div ha lo sfondo di colore #96BEFF.

Colore del bordo

.myBorderColor { border: 1px solid #96BEFF; }

<div style="border:3px solid #96BEFF">Div</div>

Questo div ha i bordi di colore 96BEFF.

Trasparenza

.myOpacity80 { color: #96BEFF; opacity: 0.8; }

<p style="color:#96BEFF;opacity:0.8;">80%</p>

Il testo di color #96BEFF 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 #96BEFF;}

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

Questo testo ha l'ombra di colore #96BEFF.

.textShadow {text-shadow: 3px 3px 1px #96BEFF, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #96BEFF e del colore secondario rosso.

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

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

This text has shadow with #96BEFF and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #96BEFF.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #96BEFF sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #96BEFF sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #96BEFF

Questo è un testo nero sullo sfondo del colore #96BEFF.

Esempio del testo bianco sullo sfondo del colore #96BEFF

Questo è un testo bianco sullo sfondo del colore #96BEFF.

COLORE #96BEFF