COLORE #ADE6CC

HEX: #ADE6CC
RGB: (173,230,204)

Informazioni

Il colore #ADE6CC contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #ADE6CC il colore web safe è #99CCCC (#9CC).

Modello di colore RGB

Il colore ADE6CC in RGB è definito come 173,230,204

  • Il rosso è 173;
  • Il verde è 230;
  • Il blu è 204.
RGB:
(173,230,204)
(68%,90%,80%)

Rapporto dei colori in RGB

R 173 da 255 = 68%
G 230 da 255 = 90%
B 204 da 255 = 80%

173
230
204

R + G + B ~ 79%. #ADE6CC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
173 + 230 + 204 = 607 (100%)
R 173 da 607 ~ 28.5%
G 230 da 607 ~ 37.89%
B 204 da 607 ~ 33.61%

%28.5
%37.89
%33.61

Modello di colore CMYK

Il colore #ADE6CC in CMYK è definito come 25,0,11,10.

  • Il color verde blu è 24.78%
  • Il color magenta è 0.00%
  • Il giallo è 11.30%
  • Il colore chiave è 9.80%
CMYK:
(25,0,11,10)
C25M0Y11K10 
(25%,0%,11%,10%)
(0.25/0.00/0.11/0.10)	

Canali CMYK in percentuale

%24.78
%0
%11.3
%9.8

Codici del colore

Il #ADE6CC nei modelli di colore popolari.

ADE6CC
RGB173230204
HSL153°53.27%79.02%
HSB/HSV153°24.78%90.20%
CMYK24.78%0.00%11.30%
9.80%

Il #ADE6CC nei modelli numerici popolari.

EsadicemaleADE6CC
Decimale173230204
Binario101011011110011011001100
Ottale255346314

Tonalita del colore

Tonalità scure del colore #ADE6CC

#ADE6CC
(173,230,204)
#9ED2BA
(158,210,186)
#8FBEA8
(143,190,168)
#80AA96
(128,170,150)
#719684
(113,150,132)
#628272
(98,130,114)
#536E60
(83,110,96)
#445A4E
(68,90,78)
#35463C
(53,70,60)
#26322A
(38,50,42)
#171E18
(23,30,24)
#000000
(0,0,0)

Tonalità chiare del colore #ADE6CC

#ADE6CC
(173,230,204)
#B4E8D0
(180,232,208)
#BBEAD4
(187,234,212)
#C2ECD8
(194,236,216)
#C9EEDC
(201,238,220)
#D0F0E0
(208,240,224)
#D7F2E4
(215,242,228)
#DEF4E8
(222,244,232)
#E5F6EC
(229,246,236)
#ECF8F0
(236,248,240)
#F3FAF4
(243,250,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ADE6CC. Utilizzate rgb(173,230,204) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ADE6CC; }

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

Il colore di questo testo è #ADE6CC.


Colore dello sfondo

.myBgColor { background-color: #ADE6CC; }

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

Questo div ha lo sfondo di colore #ADE6CC.


Colore del bordo

.myBorderColor { border: 1px solid #ADE6CC; }

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

Questo div ha i bordi di colore ADE6CC.


Trasparenza

.myOpacity80 { color: #ADE6CC; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #ADE6CC.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #ADE6CC sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #ADE6CC sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #ADE6CC

Questo è un testo nero sullo sfondo del colore #ADE6CC.


Esempio del testo bianco sullo sfondo del colore #ADE6CC

Questo è un testo bianco sullo sfondo del colore #ADE6CC.