COLORE #6AADB4

HEX: #6AADB4
RGB: (106,173,180)

Informazioni

Il colore #6AADB4 contiene principalmente il verde e il blu. Per il #6AADB4 il colore web safe è #6699CC (#69C).

Modello di colore RGB

Il colore 6AADB4 in RGB è definito come 106,173,180

  • Il rosso è 106;
  • Il verde è 173;
  • Il blu è 180.
RGB: (106,173,180) (42%,68%,71%)

Rapporto dei colori in RGB

R 106 da 255 = 42%
G 173 da 255 = 68%
B 180 da 255 = 71%

106
173
180

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

Canali RGB in percentuale

R + G + B =
106 + 173 + 180 = 459 (100%)
R 106 da 459 ~ 23.09%
G 173 da 459 ~ 37.69%
B 180 da 459 ~ 39.22%

%23.09
%37.69
%39.22

Modello di colore CMYK

Il colore #6AADB4 in CMYK è definito come 41,4,0,29.

  • Il color verde blu è 41.11%
  • Il color magenta è 3.89%
  • Il giallo è 0.00%
  • Il colore chiave è 29.41%
CMYK: (41,4,0,29) C41M4Y0K29 (41%,4%,0%,29%) (0.41/0.04/0.00/0.29)

Canali CMYK in percentuale

%41.11
%3.89
%0
%29.41

Codici del colore

Il #6AADB4 nei modelli di colore popolari.

6AADB4
RGB106173180
HSL186°33.04%56.08%
HSB/HSV186°41.11%70.59%
CMYK41.11%3.89%0.00%
29.41%

Il #6AADB4 nei modelli numerici popolari.

Esadicemale6AADB4
Decimale106173180
Binario11010101010110110110100
Ottale152255264

Tonalita del colore

Tonalità scure del colore #6AADB4

#6AADB4
(106,173,180)
#619EA4
(97,158,164)
#588F94
(88,143,148)
#4F8084
(79,128,132)
#467174
(70,113,116)
#3D6264
(61,98,100)
#345354
(52,83,84)
#2B4444
(43,68,68)
#223534
(34,53,52)
#192624
(25,38,36)
#101714
(16,23,20)
#000000
(0,0,0)

Tonalità chiare del colore #6AADB4

#6AADB4
(106,173,180)
#77B4BA
(119,180,186)
#84BBC0
(132,187,192)
#91C2C6
(145,194,198)
#9EC9CC
(158,201,204)
#ABD0D2
(171,208,210)
#B8D7D8
(184,215,216)
#C5DEDE
(197,222,222)
#D2E5E4
(210,229,228)
#DFECEA
(223,236,234)
#ECF3F0
(236,243,240)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6AADB4. Utilizzate rgb(106,173,180) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6AADB4; }

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

Il colore di questo testo è #6AADB4.


Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6AADB4.


Colore del bordo

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

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

Questo div ha i bordi di colore 6AADB4.


Trasparenza

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

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

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

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

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

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #6AADB4; -webkit-box-shadow:	1px 1px 3px 2px #6AADB4; box-shadow:	1px 1px 3px 2px #6AADB4; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #6AADB4; -webkit-box-shadow: 1px 1px 3px 2px #6AADB4; box-shadow:1px 1px 3px 2px #6AADB4;">
Div content here</div>
Questo div ha l'ombra di colore #6AADB4.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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


Esempio del testo nero sullo sfondo del colore #6AADB4

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


Esempio del testo bianco sullo sfondo del colore #6AADB4

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



↑