Colore #53A9E6, codici hex ed rgb, esempi

Informazioni

Il colore #53A9E6 contiene principalmente il blu. Per il #53A9E6 il colore web safe è #6699CC (#69C).

Modello di colore RGB

Il colore 53A9E6 in RGB è definito come 83,169,230

Il rosso è 83;
Il verde è 169;
Il blu è 230.

RGB:
(83,169,230)
(33%,66%,90%)

Rapporto dei colori in RGB

R 83 da 255 = 33%
G 169 da 255 = 66%
B 230 da 255 = 90%

169

230

R + G + B ~ 63%. #53A9E6 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
83 + 169 + 230 = 482 (100%)
R 83 da 482 ~ 17.22%
G 169 da 482 ~ 35.06%
B 230 da 482 ~ 47.72%

%17.22

%35.06

%47.72

Modello di colore CMYK

Il colore #53A9E6 in CMYK è definito come 64,27,0,10.

Il color verde blu è 63.91%
Il color magenta è 26.52%
Il giallo è 0.00%
Il colore chiave è 9.80%

CMYK:
(64,27,0,10)
C64M27Y0K10 
(64%,27%,0%,10%)
(0.64/0.27/0.00/0.10)

Canali CMYK in percentuale

%63.91

%26.52

%9.8

Codici del colore

Il #53A9E6 nei modelli di colore popolari.

	53	A9	E6
RGB	83	169	230
HSL	205°	74.62%	61.37%
HSB/HSV	205°	63.91%	90.20%
CMYK	63.91%	26.52%	0.00%
CMYK	9.80%

Il #53A9E6 nei modelli numerici popolari.

Esadicemale	53	A9	E6
Decimale	83	169	230
Binario	1010011	10101001	11100110
Ottale	123	251	346

Tonalita del colore

Tonalità scure del colore #53A9E6

#53A9E6
(83,169,230)

#4C9AD2
(76,154,210)

#458BBE
(69,139,190)

#3E7CAA
(62,124,170)

#376D96
(55,109,150)

#305E82
(48,94,130)

#294F6E
(41,79,110)

#22405A
(34,64,90)

#1B3146
(27,49,70)

#142232
(20,34,50)

#0D131E
(13,19,30)

#000000
(0,0,0)

Tonalità chiare del colore #53A9E6

#53A9E6
(83,169,230)

#62B0E8
(98,176,232)

#71B7EA
(113,183,234)

#80BEEC
(128,190,236)

#8FC5EE
(143,197,238)

#9ECCF0
(158,204,240)

#ADD3F2
(173,211,242)

#BCDAF4
(188,218,244)

#CBE1F6
(203,225,246)

#DAE8F8
(218,232,248)

#E9EFFA
(233,239,250)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #53A9E6. Utilizzate rgb(83,169,230) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #53A9E6; }

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

Il colore di questo testo è #53A9E6.

Colore dello sfondo

.myBgColor { background-color: #53A9E6; }

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

Questo div ha lo sfondo di colore #53A9E6.

Colore del bordo

.myBorderColor { border: 1px solid #53A9E6; }

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

Questo div ha i bordi di colore 53A9E6.

Trasparenza

.myOpacity80 { color: #53A9E6; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #53A9E6.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #53A9E6.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #53A9E6 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #53A9E6 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #53A9E6

Questo è un testo nero sullo sfondo del colore #53A9E6.

Esempio del testo bianco sullo sfondo del colore #53A9E6

Questo è un testo bianco sullo sfondo del colore #53A9E6.

COLORE #53A9E6