Colore #A5AAEC, codici hex ed rgb, esempi

Informazioni

Il colore #A5AAEC contiene principalmente il blu. Per il #A5AAEC il colore web safe è #9999FF (#99F).

Modello di colore RGB

Il colore A5AAEC in RGB è definito come 165,170,236

Il rosso è 165;
Il verde è 170;
Il blu è 236.

RGB:
(165,170,236)
(65%,67%,93%)

Rapporto dei colori in RGB

R 165 da 255 = 65%
G 170 da 255 = 67%
B 236 da 255 = 93%

165

170

236

R + G + B ~ 75%. #A5AAEC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
165 + 170 + 236 = 571 (100%)
R 165 da 571 ~ 28.9%
G 170 da 571 ~ 29.77%
B 236 da 571 ~ 41.33%

%28.9

%29.77

%41.33

Modello di colore CMYK

Il colore #A5AAEC in CMYK è definito come 30,28,0,7.

Il color verde blu è 30.08%
Il color magenta è 27.97%
Il giallo è 0.00%
Il colore chiave è 7.45%

CMYK:
(30,28,0,7)
C30M28Y0K7 
(30%,28%,0%,7%)
(0.30/0.28/0.00/0.07)

Canali CMYK in percentuale

%30.08

%27.97

%7.45

Codici del colore

Il #A5AAEC nei modelli di colore popolari.

	A5	AA	EC
RGB	165	170	236
HSL	236°	65.14%	78.63%
HSB/HSV	236°	30.08%	92.55%
CMYK	30.08%	27.97%	0.00%
CMYK	7.45%

Il #A5AAEC nei modelli numerici popolari.

Esadicemale	A5	AA	EC
Decimale	165	170	236
Binario	10100101	10101010	11101100
Ottale	245	252	354

Tonalita del colore

Tonalità scure del colore #A5AAEC

#A5AAEC
(165,170,236)

#969BD7
(150,155,215)

#878CC2
(135,140,194)

#787DAD
(120,125,173)

#696E98
(105,110,152)

#5A5F83
(90,95,131)

#4B506E
(75,80,110)

#3C4159
(60,65,89)

#2D3244
(45,50,68)

#1E232F
(30,35,47)

#0F141A
(15,20,26)

#000000
(0,0,0)

Tonalità chiare del colore #A5AAEC

#A5AAEC
(165,170,236)

#ADB1ED
(173,177,237)

#B5B8EE
(181,184,238)

#BDBFEF
(189,191,239)

#C5C6F0
(197,198,240)

#CDCDF1
(205,205,241)

#D5D4F2
(213,212,242)

#DDDBF3
(221,219,243)

#E5E2F4
(229,226,244)

#EDE9F5
(237,233,245)

#F5F0F6
(245,240,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #A5AAEC. Utilizzate rgb(165,170,236) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #A5AAEC; }

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

Il colore di questo testo è #A5AAEC.

Colore dello sfondo

.myBgColor { background-color: #A5AAEC; }

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

Questo div ha lo sfondo di colore #A5AAEC.

Colore del bordo

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

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

Questo div ha i bordi di colore A5AAEC.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #A5AAEC.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #A5AAEC.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #A5AAEC

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

Esempio del testo bianco sullo sfondo del colore #A5AAEC

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

COLORE #A5AAEC