Colore #6D8AED, codici hex ed rgb, esempi

Informazioni

Il colore #6D8AED contiene principalmente il blu. Per il #6D8AED il colore web safe è #6699FF (#69F).

Modello di colore RGB

Il colore 6D8AED in RGB è definito come 109,138,237

Il rosso è 109;
Il verde è 138;
Il blu è 237.

RGB:
(109,138,237)
(43%,54%,93%)

Rapporto dei colori in RGB

R 109 da 255 = 43%
G 138 da 255 = 54%
B 237 da 255 = 93%

109

138

237

R + G + B ~ 63%. #6D8AED colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
109 + 138 + 237 = 484 (100%)
R 109 da 484 ~ 22.52%
G 138 da 484 ~ 28.51%
B 237 da 484 ~ 48.97%

%22.52

%28.51

%48.97

Modello di colore CMYK

Il colore #6D8AED in CMYK è definito come 54,42,0,7.

Il color verde blu è 54.01%
Il color magenta è 41.77%
Il giallo è 0.00%
Il colore chiave è 7.06%

CMYK:
(54,42,0,7)
C54M42Y0K7 
(54%,42%,0%,7%)
(0.54/0.42/0.00/0.07)

Canali CMYK in percentuale

%54.01

%41.77

%7.06

Codici del colore

Il #6D8AED nei modelli di colore popolari.

	6D	8A	ED
RGB	109	138	237
HSL	226°	78.05%	67.84%
HSB/HSV	226°	54.01%	92.94%
CMYK	54.01%	41.77%	0.00%
CMYK	7.06%

Il #6D8AED nei modelli numerici popolari.

Esadicemale	6D	8A	ED
Decimale	109	138	237
Binario	1101101	10001010	11101101
Ottale	155	212	355

Tonalita del colore

Tonalità scure del colore #6D8AED

#6D8AED
(109,138,237)

#647ED8
(100,126,216)

#5B72C3
(91,114,195)

#5266AE
(82,102,174)

#495A99
(73,90,153)

#404E84
(64,78,132)

#37426F
(55,66,111)

#2E365A
(46,54,90)

#252A45
(37,42,69)

#1C1E30
(28,30,48)

#13121B
(19,18,27)

#000000
(0,0,0)

Tonalità chiare del colore #6D8AED

#6D8AED
(109,138,237)

#7A94EE
(122,148,238)

#879EEF
(135,158,239)

#94A8F0
(148,168,240)

#A1B2F1
(161,178,241)

#AEBCF2
(174,188,242)

#BBC6F3
(187,198,243)

#C8D0F4
(200,208,244)

#D5DAF5
(213,218,245)

#E2E4F6
(226,228,246)

#EFEEF7
(239,238,247)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6D8AED. Utilizzate rgb(109,138,237) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6D8AED; }

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

Il colore di questo testo è #6D8AED.

Colore dello sfondo

.myBgColor { background-color: #6D8AED; }

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

Questo div ha lo sfondo di colore #6D8AED.

Colore del bordo

.myBorderColor { border: 1px solid #6D8AED; }

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

Questo div ha i bordi di colore 6D8AED.

Trasparenza

.myOpacity80 { color: #6D8AED; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #6D8AED.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6D8AED.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6D8AED sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6D8AED sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #6D8AED

Questo è un testo nero sullo sfondo del colore #6D8AED.

Esempio del testo bianco sullo sfondo del colore #6D8AED

Questo è un testo bianco sullo sfondo del colore #6D8AED.

COLORE #6D8AED