Colore #93ABF0, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 93ABF0 in RGB è definito come 147,171,240

Il rosso è 147;
Il verde è 171;
Il blu è 240.

RGB:
(147,171,240)
(58%,67%,94%)

Rapporto dei colori in RGB

R 147 da 255 = 58%
G 171 da 255 = 67%
B 240 da 255 = 94%

147

171

240

R + G + B ~ 73%. #93ABF0 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
147 + 171 + 240 = 558 (100%)
R 147 da 558 ~ 26.34%
G 171 da 558 ~ 30.65%
B 240 da 558 ~ 43.01%

%26.34

%30.65

%43.01

Modello di colore CMYK

Il colore #93ABF0 in CMYK è definito come 39,29,0,6.

Il color verde blu è 38.75%
Il color magenta è 28.75%
Il giallo è 0.00%
Il colore chiave è 5.88%

CMYK:
(39,29,0,6)
C39M29Y0K6 
(39%,29%,0%,6%)
(0.39/0.29/0.00/0.06)

Canali CMYK in percentuale

%38.75

%28.75

%5.88

Codici del colore

Il #93ABF0 nei modelli di colore popolari.

	93	AB	F0
RGB	147	171	240
HSL	225°	75.61%	75.88%
HSB/HSV	225°	38.75%	94.12%
CMYK	38.75%	28.75%	0.00%
CMYK	5.88%

Il #93ABF0 nei modelli numerici popolari.

Esadicemale	93	AB	F0
Decimale	147	171	240
Binario	10010011	10101011	11110000
Ottale	223	253	360

Tonalita del colore

Tonalità scure del colore #93ABF0

#93ABF0
(147,171,240)

#869CDB
(134,156,219)

#798DC6
(121,141,198)

#6C7EB1
(108,126,177)

#5F6F9C
(95,111,156)

#526087
(82,96,135)

#455172
(69,81,114)

#38425D
(56,66,93)

#2B3348
(43,51,72)

#1E2433
(30,36,51)

#11151E
(17,21,30)

#000000
(0,0,0)

Tonalità chiare del colore #93ABF0

#93ABF0
(147,171,240)

#9CB2F1
(156,178,241)

#A5B9F2
(165,185,242)

#AEC0F3
(174,192,243)

#B7C7F4
(183,199,244)

#C0CEF5
(192,206,245)

#C9D5F6
(201,213,246)

#D2DCF7
(210,220,247)

#DBE3F8
(219,227,248)

#E4EAF9
(228,234,249)

#EDF1FA
(237,241,250)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #93ABF0. Utilizzate rgb(147,171,240) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #93ABF0; }

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

Il colore di questo testo è #93ABF0.

Colore dello sfondo

.myBgColor { background-color: #93ABF0; }

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

Questo div ha lo sfondo di colore #93ABF0.

Colore del bordo

.myBorderColor { border: 1px solid #93ABF0; }

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

Questo div ha i bordi di colore 93ABF0.

Trasparenza

.myOpacity80 { color: #93ABF0; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #93ABF0.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #93ABF0.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #93ABF0 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #93ABF0 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #93ABF0

Questo è un testo nero sullo sfondo del colore #93ABF0.

Esempio del testo bianco sullo sfondo del colore #93ABF0

Questo è un testo bianco sullo sfondo del colore #93ABF0.

COLORE #93ABF0