COLORE #BEBEE2

HEX: #BEBEE2
RGB: (190,190,226)

Informazioni

Il colore #BEBEE2 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #BEBEE2 il colore web safe è #CCCCCC (#CCC).

Modello di colore RGB

Il colore BEBEE2 in RGB è definito come 190,190,226

  • Il rosso è 190;
  • Il verde è 190;
  • Il blu è 226.
RGB:
(190,190,226)
(75%,75%,89%)

Rapporto dei colori in RGB

R 190 da 255 = 75%
G 190 da 255 = 75%
B 226 da 255 = 89%

190
190
226

R + G + B ~ 80%. #BEBEE2 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
190 + 190 + 226 = 606 (100%)
R 190 da 606 ~ 31.35%
G 190 da 606 ~ 31.35%
B 226 da 606 ~ 37.29%

%31.35
%31.35
%37.29

Modello di colore CMYK

Il colore #BEBEE2 in CMYK è definito come 16,16,0,11.

  • Il color verde blu è 15.93%
  • Il color magenta è 15.93%
  • Il giallo è 0.00%
  • Il colore chiave è 11.37%
CMYK:
(16,16,0,11)
C16M16Y0K11 
(16%,16%,0%,11%)
(0.16/0.16/0.00/0.11)	

Canali CMYK in percentuale

%15.93
%15.93
%0
%11.37

Codici del colore

Il #BEBEE2 nei modelli di colore popolari.

BEBEE2
RGB190190226
HSL240°38.30%81.57%
HSB/HSV240°15.93%88.63%
CMYK15.93%15.93%0.00%
11.37%

Il #BEBEE2 nei modelli numerici popolari.

EsadicemaleBEBEE2
Decimale190190226
Binario101111101011111011100010
Ottale276276342

Tonalita del colore

Tonalità scure del colore #BEBEE2

#BEBEE2
(190,190,226)
#ADADCE
(173,173,206)
#9C9CBA
(156,156,186)
#8B8BA6
(139,139,166)
#7A7A92
(122,122,146)
#69697E
(105,105,126)
#58586A
(88,88,106)
#474756
(71,71,86)
#363642
(54,54,66)
#25252E
(37,37,46)
#14141A
(20,20,26)
#000000
(0,0,0)

Tonalità chiare del colore #BEBEE2

#BEBEE2
(190,190,226)
#C3C3E4
(195,195,228)
#C8C8E6
(200,200,230)
#CDCDE8
(205,205,232)
#D2D2EA
(210,210,234)
#D7D7EC
(215,215,236)
#DCDCEE
(220,220,238)
#E1E1F0
(225,225,240)
#E6E6F2
(230,230,242)
#EBEBF4
(235,235,244)
#F0F0F6
(240,240,246)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #BEBEE2; }

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

Il colore di questo testo è #BEBEE2.


Colore dello sfondo

.myBgColor { background-color: #BEBEE2; }

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

Questo div ha lo sfondo di colore #BEBEE2.


Colore del bordo

.myBorderColor { border: 1px solid #BEBEE2; }

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

Questo div ha i bordi di colore BEBEE2.


Trasparenza

.myOpacity80 { color: #BEBEE2; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #BEBEE2.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #BEBEE2 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #BEBEE2 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #BEBEE2

Questo è un testo nero sullo sfondo del colore #BEBEE2.


Esempio del testo bianco sullo sfondo del colore #BEBEE2

Questo è un testo bianco sullo sfondo del colore #BEBEE2.