COLORE #85BADB

HEX: #85BADB
RGB: (133,186,219)

Informazioni

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

Modello di colore RGB

Il colore 85BADB in RGB è definito come 133,186,219

  • Il rosso è 133;
  • Il verde è 186;
  • Il blu è 219.
RGB:
(133,186,219)
(52%,73%,86%)

Rapporto dei colori in RGB

R 133 da 255 = 52%
G 186 da 255 = 73%
B 219 da 255 = 86%

133
186
219

R + G + B ~ 70%. #85BADB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
133 + 186 + 219 = 538 (100%)
R 133 da 538 ~ 24.72%
G 186 da 538 ~ 34.57%
B 219 da 538 ~ 40.71%

%24.72
%34.57
%40.71

Modello di colore CMYK

Il colore #85BADB in CMYK è definito come 39,15,0,14.

  • Il color verde blu è 39.27%
  • Il color magenta è 15.07%
  • Il giallo è 0.00%
  • Il colore chiave è 14.12%
CMYK:
(39,15,0,14)
C39M15Y0K14 
(39%,15%,0%,14%)
(0.39/0.15/0.00/0.14)	

Canali CMYK in percentuale

%39.27
%15.07
%0
%14.12

Codici del colore

Il #85BADB nei modelli di colore popolari.

85BADB
RGB133186219
HSL203°54.43%69.02%
HSB/HSV203°39.27%85.88%
CMYK39.27%15.07%0.00%
14.12%

Il #85BADB nei modelli numerici popolari.

Esadicemale85BADB
Decimale133186219
Binario100001011011101011011011
Ottale205272333

Tonalita del colore

Tonalità scure del colore #85BADB

#85BADB
(133,186,219)
#79AAC8
(121,170,200)
#6D9AB5
(109,154,181)
#618AA2
(97,138,162)
#557A8F
(85,122,143)
#496A7C
(73,106,124)
#3D5A69
(61,90,105)
#314A56
(49,74,86)
#253A43
(37,58,67)
#192A30
(25,42,48)
#0D1A1D
(13,26,29)
#000000
(0,0,0)

Tonalità chiare del colore #85BADB

#85BADB
(133,186,219)
#90C0DE
(144,192,222)
#9BC6E1
(155,198,225)
#A6CCE4
(166,204,228)
#B1D2E7
(177,210,231)
#BCD8EA
(188,216,234)
#C7DEED
(199,222,237)
#D2E4F0
(210,228,240)
#DDEAF3
(221,234,243)
#E8F0F6
(232,240,246)
#F3F6F9
(243,246,249)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #85BADB. Utilizzate rgb(133,186,219) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #85BADB; }

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

Il colore di questo testo è #85BADB.


Colore dello sfondo

.myBgColor { background-color: #85BADB; }

<div style="background-color:#85BADB">Inner text</div>

Questo div ha lo sfondo di colore #85BADB.


Colore del bordo

.myBorderColor { border: 1px solid #85BADB; }

<div style="border:3px solid #85BADB">Div</div>

Questo div ha i bordi di colore 85BADB.


Trasparenza

.myOpacity80 { color: #85BADB; opacity: 0.8; }

<p style="color:#85BADB;opacity:0.8;">80%</p>

Il testo di color #85BADB 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 #85BADB;}

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

Questo testo ha l'ombra di colore #85BADB.

.textShadow {text-shadow: 3px 3px 1px #85BADB, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #85BADB e del colore secondario rosso.


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

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

This text has shadow with #85BADB and red colors in old Internet Explorer.


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #85BADB sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #85BADB sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #85BADB

Questo è un testo nero sullo sfondo del colore #85BADB.


Esempio del testo bianco sullo sfondo del colore #85BADB

Questo è un testo bianco sullo sfondo del colore #85BADB.