COLORE #886EB0

HEX: #886EB0
RGB: (136,110,176)

Informazioni

Il colore #886EB0 contiene principalmente il rosso e il blu. Per il #886EB0 il colore web safe è #996699 (#969).

Modello di colore RGB

Il colore 886EB0 in RGB è definito come 136,110,176

  • Il rosso è 136;
  • Il verde è 110;
  • Il blu è 176.
RGB:
(136,110,176)
(53%,43%,69%)

Rapporto dei colori in RGB

R 136 da 255 = 53%
G 110 da 255 = 43%
B 176 da 255 = 69%

136
110
176

R + G + B ~ 55%. #886EB0 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
136 + 110 + 176 = 422 (100%)
R 136 da 422 ~ 32.23%
G 110 da 422 ~ 26.07%
B 176 da 422 ~ 41.71%

%32.23
%26.07
%41.71

Modello di colore CMYK

Il colore #886EB0 in CMYK è definito come 23,38,0,31.

  • Il color verde blu è 22.73%
  • Il color magenta è 37.50%
  • Il giallo è 0.00%
  • Il colore chiave è 30.98%
CMYK:
(23,38,0,31)
C23M38Y0K31 
(23%,38%,0%,31%)
(0.23/0.38/0.00/0.31)	

Canali CMYK in percentuale

%22.73
%37.5
%0
%30.98

Codici del colore

Il #886EB0 nei modelli di colore popolari.

886EB0
RGB136110176
HSL264°29.46%56.08%
HSB/HSV264°37.50%69.02%
CMYK22.73%37.50%0.00%
30.98%

Il #886EB0 nei modelli numerici popolari.

Esadicemale886EB0
Decimale136110176
Binario10001000110111010110000
Ottale210156260

Tonalita del colore

Tonalità scure del colore #886EB0

#886EB0
(136,110,176)
#7C64A0
(124,100,160)
#705A90
(112,90,144)
#645080
(100,80,128)
#584670
(88,70,112)
#4C3C60
(76,60,96)
#403250
(64,50,80)
#342840
(52,40,64)
#281E30
(40,30,48)
#1C1420
(28,20,32)
#100A10
(16,10,16)
#000000
(0,0,0)

Tonalità chiare del colore #886EB0

#886EB0
(136,110,176)
#927BB7
(146,123,183)
#9C88BE
(156,136,190)
#A695C5
(166,149,197)
#B0A2CC
(176,162,204)
#BAAFD3
(186,175,211)
#C4BCDA
(196,188,218)
#CEC9E1
(206,201,225)
#D8D6E8
(216,214,232)
#E2E3EF
(226,227,239)
#ECF0F6
(236,240,246)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #886EB0. Utilizzate rgb(136,110,176) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #886EB0; }

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

Il colore di questo testo è #886EB0.


Colore dello sfondo

.myBgColor { background-color: #886EB0; }

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

Questo div ha lo sfondo di colore #886EB0.


Colore del bordo

.myBorderColor { border: 1px solid #886EB0; }

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

Questo div ha i bordi di colore 886EB0.


Trasparenza

.myOpacity80 { color: #886EB0; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #886EB0.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #886EB0 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #886EB0 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #886EB0

Questo è un testo nero sullo sfondo del colore #886EB0.


Esempio del testo bianco sullo sfondo del colore #886EB0

Questo è un testo bianco sullo sfondo del colore #886EB0.