Colore #B4BAD8, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore B4BAD8 in RGB è definito come 180,186,216

Il rosso è 180;
Il verde è 186;
Il blu è 216.

RGB:
(180,186,216)
(71%,73%,85%)

Rapporto dei colori in RGB

R 180 da 255 = 71%
G 186 da 255 = 73%
B 216 da 255 = 85%

180

186

216

R + G + B ~ 76%. #B4BAD8 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
180 + 186 + 216 = 582 (100%)
R 180 da 582 ~ 30.93%
G 186 da 582 ~ 31.96%
B 216 da 582 ~ 37.11%

%30.93

%31.96

%37.11

Modello di colore CMYK

Il colore #B4BAD8 in CMYK è definito come 17,14,0,15.

Il color verde blu è 16.67%
Il color magenta è 13.89%
Il giallo è 0.00%
Il colore chiave è 15.29%

CMYK:
(17,14,0,15)
C17M14Y0K15 
(17%,14%,0%,15%)
(0.17/0.14/0.00/0.15)

Canali CMYK in percentuale

%16.67

%13.89

%15.29

Codici del colore

Il #B4BAD8 nei modelli di colore popolari.

	B4	BA	D8
RGB	180	186	216
HSL	230°	31.58%	77.65%
HSB/HSV	230°	16.67%	84.71%
CMYK	16.67%	13.89%	0.00%
CMYK	15.29%

Il #B4BAD8 nei modelli numerici popolari.

Esadicemale	B4	BA	D8
Decimale	180	186	216
Binario	10110100	10111010	11011000
Ottale	264	272	330

Tonalita del colore

Tonalità scure del colore #B4BAD8

#B4BAD8
(180,186,216)

#A4AAC5
(164,170,197)

#949AB2
(148,154,178)

#848A9F
(132,138,159)

#747A8C
(116,122,140)

#646A79
(100,106,121)

#545A66
(84,90,102)

#444A53
(68,74,83)

#343A40
(52,58,64)

#242A2D
(36,42,45)

#141A1A
(20,26,26)

#000000
(0,0,0)

Tonalità chiare del colore #B4BAD8

#B4BAD8
(180,186,216)

#BAC0DB
(186,192,219)

#C0C6DE
(192,198,222)

#C6CCE1
(198,204,225)

#CCD2E4
(204,210,228)

#D2D8E7
(210,216,231)

#D8DEEA
(216,222,234)

#DEE4ED
(222,228,237)

#E4EAF0
(228,234,240)

#EAF0F3
(234,240,243)

#F0F6F6
(240,246,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #B4BAD8. Utilizzate rgb(180,186,216) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #B4BAD8; }

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

Il colore di questo testo è #B4BAD8.

Colore dello sfondo

.myBgColor { background-color: #B4BAD8; }

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

Questo div ha lo sfondo di colore #B4BAD8.

Colore del bordo

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

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

Questo div ha i bordi di colore B4BAD8.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #B4BAD8.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #B4BAD8.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #B4BAD8

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

Esempio del testo bianco sullo sfondo del colore #B4BAD8

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

COLORE #B4BAD8