Colore #5D8ADB, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 5D8ADB in RGB è definito come 93,138,219

Il rosso è 93;
Il verde è 138;
Il blu è 219.

RGB:
(93,138,219)
(36%,54%,86%)

Rapporto dei colori in RGB

R 93 da 255 = 36%
G 138 da 255 = 54%
B 219 da 255 = 86%

138

219

R + G + B ~ 59%. #5D8ADB colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
93 + 138 + 219 = 450 (100%)
R 93 da 450 ~ 20.67%
G 138 da 450 ~ 30.67%
B 219 da 450 ~ 48.67%

%20.67

%30.67

%48.67

Modello di colore CMYK

Il colore #5D8ADB in CMYK è definito come 58,37,0,14.

Il color verde blu è 57.53%
Il color magenta è 36.99%
Il giallo è 0.00%
Il colore chiave è 14.12%

CMYK:
(58,37,0,14)
C58M37Y0K14 
(58%,37%,0%,14%)
(0.58/0.37/0.00/0.14)

Canali CMYK in percentuale

%57.53

%36.99

%14.12

Codici del colore

Il #5D8ADB nei modelli di colore popolari.

	5D	8A	DB
RGB	93	138	219
HSL	219°	63.64%	61.18%
HSB/HSV	219°	57.53%	85.88%
CMYK	57.53%	36.99%	0.00%
CMYK	14.12%

Il #5D8ADB nei modelli numerici popolari.

Esadicemale	5D	8A	DB
Decimale	93	138	219
Binario	1011101	10001010	11011011
Ottale	135	212	333

Tonalita del colore

Tonalità scure del colore #5D8ADB

#5D8ADB
(93,138,219)

#557EC8
(85,126,200)

#4D72B5
(77,114,181)

#4566A2
(69,102,162)

#3D5A8F
(61,90,143)

#354E7C
(53,78,124)

#2D4269
(45,66,105)

#253656
(37,54,86)

#1D2A43
(29,42,67)

#151E30
(21,30,48)

#0D121D
(13,18,29)

#000000
(0,0,0)

Tonalità chiare del colore #5D8ADB

#5D8ADB
(93,138,219)

#6B94DE
(107,148,222)

#799EE1
(121,158,225)

#87A8E4
(135,168,228)

#95B2E7
(149,178,231)

#A3BCEA
(163,188,234)

#B1C6ED
(177,198,237)

#BFD0F0
(191,208,240)

#CDDAF3
(205,218,243)

#DBE4F6
(219,228,246)

#E9EEF9
(233,238,249)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5D8ADB. Utilizzate rgb(93,138,219) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5D8ADB; }

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

Il colore di questo testo è #5D8ADB.

Colore dello sfondo

.myBgColor { background-color: #5D8ADB; }

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

Questo div ha lo sfondo di colore #5D8ADB.

Colore del bordo

.myBorderColor { border: 1px solid #5D8ADB; }

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

Questo div ha i bordi di colore 5D8ADB.

Trasparenza

.myOpacity80 { color: #5D8ADB; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #5D8ADB.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #5D8ADB.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5D8ADB sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5D8ADB sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #5D8ADB

Questo è un testo nero sullo sfondo del colore #5D8ADB.

Esempio del testo bianco sullo sfondo del colore #5D8ADB

Questo è un testo bianco sullo sfondo del colore #5D8ADB.

COLORE #5D8ADB