COLORE #6EA0B2

HEX: #6EA0B2 RGB: (110,160,178)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

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

Modello di colore RGB

Il colore 6EA0B2 in RGB è definito come 110,160,178

Il rosso è 110;
Il verde è 160;
Il blu è 178.

RGB: (110,160,178) (43%, 63%, 70%)

Rapporto dei colori in RGB

R 110 da 255 = 43%
G 160 da 255 = 63%
B 178 da 255 = 70%

110

160

178

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

Canali RGB in percentuale

R + G + B = 110 + 160 + 178 = 448 (100%)
R 110 da 448 ~ 24.55%
G 160 da 448 ~ 35.71%
B 178 da 448 ~ 39.73'%

%24.55

%35.71

%39.73

Modello di colore CMYK

Il colore #6EA0B2 in CMYK è definito come 38,10,0,30.

Il color verde blu è 38.20%
Il color magenta è 10.11%
Il giallo è 0.00%
Il colore chiave è 30.20%

CMYK: (38,10,0,30) C38M10Y0K30 (38%,10%,0%,30%) (0.38/0.10/0.00/0.30)

Canali CMYK in percentuale

%38.2

%10.11

%30.2

Codici del colore

Il #6EA0B2 nei modelli di colore popolari.

	6E	A0	B2
RGB	110	160	178
HSL	196°	30.63%	56.47%
HSB/HSV	196°	38.20%	69.80%
CMYK	38.20%	10.11%	0.00%
CMYK	30.20%

Il #6EA0B2 nei modelli numerici popolari.

Esadicemale	6E	A0	B2
Decimale	110	160	178
Binario	1101110	10100000	10110010
Ottale	156	240	262

Tonalita del colore

Tonalità scure del colore #6EA0B2

#6EA0B2
(110,160,178)

#6492A2
(100,146,162)

#5A8492
(90,132,146)

#507682
(80,118,130)

#466872
(70,104,114)

#3C5A62
(60,90,98)

#324C52
(50,76,82)

#283E42
(40,62,66)

#1E3032
(30,48,50)

#142222
(20,34,34)

#0A1412
(10,20,18)

#000000
(0,0,0)

Tonalità chiare del colore #6EA0B2

#6EA0B2
(110,160,178)

#7BA8B9
(123,168,185)

#88B0C0
(136,176,192)

#95B8C7
(149,184,199)

#A2C0CE
(162,192,206)

#AFC8D5
(175,200,213)

#BCD0DC
(188,208,220)

#C9D8E3
(201,216,227)

#D6E0EA
(214,224,234)

#E3E8F1
(227,232,241)

#F0F0F8
(240,240,248)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #6EA0B2; }

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

Il colore di questo testo è #6EA0B2.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6EA0B2.

Colore del bordo

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

Questo div ha i bordi di colore 6EA0B2.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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