Colore #6E9DAA, codici hex ed rgb, esempi

Informazioni

Il colore #6E9DAA contiene principalmente il verde e il blu. Per il #6E9DAA il colore web safe è #669999 (#699).

Modello di colore RGB

Il colore 6E9DAA in RGB è definito come 110,157,170

Il rosso è 110;
Il verde è 157;
Il blu è 170.

RGB:
(110,157,170)
(43%,62%,67%)

Rapporto dei colori in RGB

R 110 da 255 = 43%
G 157 da 255 = 62%
B 170 da 255 = 67%

110

157

170

R + G + B ~ 57%. #6E9DAA colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
110 + 157 + 170 = 437 (100%)
R 110 da 437 ~ 25.17%
G 157 da 437 ~ 35.93%
B 170 da 437 ~ 38.9%

%25.17

%35.93

%38.9

Modello di colore CMYK

Il colore #6E9DAA in CMYK è definito come 35,8,0,33.

Il color verde blu è 35.29%
Il color magenta è 7.65%
Il giallo è 0.00%
Il colore chiave è 33.33%

CMYK:
(35,8,0,33)
C35M8Y0K33 
(35%,8%,0%,33%)
(0.35/0.08/0.00/0.33)

Canali CMYK in percentuale

%35.29

%7.65

%33.33

Codici del colore

Il #6E9DAA nei modelli di colore popolari.

	6E	9D	AA
RGB	110	157	170
HSL	193°	26.09%	54.90%
HSB/HSV	193°	35.29%	66.67%
CMYK	35.29%	7.65%	0.00%
CMYK	33.33%

Il #6E9DAA nei modelli numerici popolari.

Esadicemale	6E	9D	AA
Decimale	110	157	170
Binario	1101110	10011101	10101010
Ottale	156	235	252

Tonalita del colore

Tonalità scure del colore #6E9DAA

#6E9DAA
(110,157,170)

#648F9B
(100,143,155)

#5A818C
(90,129,140)

#50737D
(80,115,125)

#46656E
(70,101,110)

#3C575F
(60,87,95)

#324950
(50,73,80)

#283B41
(40,59,65)

#1E2D32
(30,45,50)

#141F23
(20,31,35)

#0A1114
(10,17,20)

#000000
(0,0,0)

Tonalità chiare del colore #6E9DAA

#6E9DAA
(110,157,170)

#7BA5B1
(123,165,177)

#88ADB8
(136,173,184)

#95B5BF
(149,181,191)

#A2BDC6
(162,189,198)

#AFC5CD
(175,197,205)

#BCCDD4
(188,205,212)

#C9D5DB
(201,213,219)

#D6DDE2
(214,221,226)

#E3E5E9
(227,229,233)

#F0EDF0
(240,237,240)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6E9DAA. Utilizzate rgb(110,157,170) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6E9DAA; }

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

Il colore di questo testo è #6E9DAA.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6E9DAA.

Colore del bordo

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

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

Questo div ha i bordi di colore 6E9DAA.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #6E9DAA

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

Esempio del testo bianco sullo sfondo del colore #6E9DAA

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

COLORE #6E9DAA