Colore #6DAAAF, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 6DAAAF in RGB è definito come 109,170,175

Il rosso è 109;
Il verde è 170;
Il blu è 175.

RGB:
(109,170,175)
(43%,67%,69%)

Rapporto dei colori in RGB

R 109 da 255 = 43%
G 170 da 255 = 67%
B 175 da 255 = 69%

109

170

175

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

Canali RGB in percentuale

R + G + B =
109 + 170 + 175 = 454 (100%)
R 109 da 454 ~ 24.01%
G 170 da 454 ~ 37.44%
B 175 da 454 ~ 38.55%

%24.01

%37.44

%38.55

Modello di colore CMYK

Il colore #6DAAAF in CMYK è definito come 38,3,0,31.

Il color verde blu è 37.71%
Il color magenta è 2.86%
Il giallo è 0.00%
Il colore chiave è 31.37%

CMYK:
(38,3,0,31)
C38M3Y0K31 
(38%,3%,0%,31%)
(0.38/0.03/0.00/0.31)

Canali CMYK in percentuale

%37.71

%2.86

%31.37

Codici del colore

Il #6DAAAF nei modelli di colore popolari.

	6D	AA	AF
RGB	109	170	175
HSL	185°	29.20%	55.69%
HSB/HSV	185°	37.71%	68.63%
CMYK	37.71%	2.86%	0.00%
CMYK	31.37%

Il #6DAAAF nei modelli numerici popolari.

Esadicemale	6D	AA	AF
Decimale	109	170	175
Binario	1101101	10101010	10101111
Ottale	155	252	257

Tonalita del colore

Tonalità scure del colore #6DAAAF

#6DAAAF
(109,170,175)

#649BA0
(100,155,160)

#5B8C91
(91,140,145)

#527D82
(82,125,130)

#496E73
(73,110,115)

#405F64
(64,95,100)

#375055
(55,80,85)

#2E4146
(46,65,70)

#253237
(37,50,55)

#1C2328
(28,35,40)

#131419
(19,20,25)

#000000
(0,0,0)

Tonalità chiare del colore #6DAAAF

#6DAAAF
(109,170,175)

#7AB1B6
(122,177,182)

#87B8BD
(135,184,189)

#94BFC4
(148,191,196)

#A1C6CB
(161,198,203)

#AECDD2
(174,205,210)

#BBD4D9
(187,212,217)

#C8DBE0
(200,219,224)

#D5E2E7
(213,226,231)

#E2E9EE
(226,233,238)

#EFF0F5
(239,240,245)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #6DAAAF; }

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

Il colore di questo testo è #6DAAAF.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6DAAAF.

Colore del bordo

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

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

Questo div ha i bordi di colore 6DAAAF.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #6DAAAF

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

Esempio del testo bianco sullo sfondo del colore #6DAAAF

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

COLORE #6DAAAF