COLORE #9FB6DE

HEX: #9FB6DE
RGB: (159,182,222)

Informazioni

Il colore #9FB6DE contiene principalmente il verde e il blu. Per il #9FB6DE il colore web safe è #99CCCC (#9CC).

Modello di colore RGB

Il colore 9FB6DE in RGB è definito come 159,182,222

  • Il rosso è 159;
  • Il verde è 182;
  • Il blu è 222.
RGB:
(159,182,222)
(62%,71%,87%)

Rapporto dei colori in RGB

R 159 da 255 = 62%
G 182 da 255 = 71%
B 222 da 255 = 87%

159
182
222

R + G + B ~ 73%. #9FB6DE colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
159 + 182 + 222 = 563 (100%)
R 159 da 563 ~ 28.24%
G 182 da 563 ~ 32.33%
B 222 da 563 ~ 39.43%

%28.24
%32.33
%39.43

Modello di colore CMYK

Il colore #9FB6DE in CMYK è definito come 28,18,0,13.

  • Il color verde blu è 28.38%
  • Il color magenta è 18.02%
  • Il giallo è 0.00%
  • Il colore chiave è 12.94%
CMYK:
(28,18,0,13)
C28M18Y0K13 
(28%,18%,0%,13%)
(0.28/0.18/0.00/0.13)	

Canali CMYK in percentuale

%28.38
%18.02
%0
%12.94

Codici del colore

Il #9FB6DE nei modelli di colore popolari.

9FB6DE
RGB159182222
HSL218°48.84%74.71%
HSB/HSV218°28.38%87.06%
CMYK28.38%18.02%0.00%
12.94%

Il #9FB6DE nei modelli numerici popolari.

Esadicemale9FB6DE
Decimale159182222
Binario100111111011011011011110
Ottale237266336

Tonalita del colore

Tonalità scure del colore #9FB6DE

#9FB6DE
(159,182,222)
#91A6CA
(145,166,202)
#8396B6
(131,150,182)
#7586A2
(117,134,162)
#67768E
(103,118,142)
#59667A
(89,102,122)
#4B5666
(75,86,102)
#3D4652
(61,70,82)
#2F363E
(47,54,62)
#21262A
(33,38,42)
#131616
(19,22,22)
#000000
(0,0,0)

Tonalità chiare del colore #9FB6DE

#9FB6DE
(159,182,222)
#A7BCE1
(167,188,225)
#AFC2E4
(175,194,228)
#B7C8E7
(183,200,231)
#BFCEEA
(191,206,234)
#C7D4ED
(199,212,237)
#CFDAF0
(207,218,240)
#D7E0F3
(215,224,243)
#DFE6F6
(223,230,246)
#E7ECF9
(231,236,249)
#EFF2FC
(239,242,252)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #9FB6DE. Utilizzate rgb(159,182,222) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #9FB6DE; }

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

Il colore di questo testo è #9FB6DE.


Colore dello sfondo

.myBgColor { background-color: #9FB6DE; }

<div style="background-color:#9FB6DE">Inner text</div>

Questo div ha lo sfondo di colore #9FB6DE.


Colore del bordo

.myBorderColor { border: 1px solid #9FB6DE; }

<div style="border:3px solid #9FB6DE">Div</div>

Questo div ha i bordi di colore 9FB6DE.


Trasparenza

.myOpacity80 { color: #9FB6DE; opacity: 0.8; }

<p style="color:#9FB6DE;opacity:0.8;">80%</p>

Il testo di color #9FB6DE 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 #9FB6DE;}

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

Questo testo ha l'ombra di colore #9FB6DE.

.textShadow {text-shadow: 3px 3px 1px #9FB6DE, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #9FB6DE e del colore secondario rosso.


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

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

This text has shadow with #9FB6DE and red colors in old Internet Explorer.


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #9FB6DE;
-webkit-box-shadow: 1px 1px 3px 2px #9FB6DE;
box-shadow:1px 1px 3px 2px #9FB6DE;">
Div content here</div>
Questo div ha l'ombra di colore #9FB6DE.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #9FB6DE sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #9FB6DE sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #9FB6DE

Questo è un testo nero sullo sfondo del colore #9FB6DE.


Esempio del testo bianco sullo sfondo del colore #9FB6DE

Questo è un testo bianco sullo sfondo del colore #9FB6DE.