COLORE #ADDEBC

HEX: #ADDEBC
RGB: (173,222,188)

Informazioni

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

Modello di colore RGB

Il colore ADDEBC in RGB è definito come 173,222,188

  • Il rosso è 173;
  • Il verde è 222;
  • Il blu è 188.
RGB:
(173,222,188)
(68%,87%,74%)

Rapporto dei colori in RGB

R 173 da 255 = 68%
G 222 da 255 = 87%
B 188 da 255 = 74%

173
222
188

R + G + B ~ 76%. #ADDEBC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
173 + 222 + 188 = 583 (100%)
R 173 da 583 ~ 29.67%
G 222 da 583 ~ 38.08%
B 188 da 583 ~ 32.25%

%29.67
%38.08
%32.25

Modello di colore CMYK

Il colore #ADDEBC in CMYK è definito come 22,0,15,13.

  • Il color verde blu è 22.07%
  • Il color magenta è 0.00%
  • Il giallo è 15.32%
  • Il colore chiave è 12.94%
CMYK:
(22,0,15,13)
C22M0Y15K13 
(22%,0%,15%,13%)
(0.22/0.00/0.15/0.13)	

Canali CMYK in percentuale

%22.07
%0
%15.32
%12.94

Codici del colore

Il #ADDEBC nei modelli di colore popolari.

ADDEBC
RGB173222188
HSL138°42.61%77.45%
HSB/HSV138°22.07%87.06%
CMYK22.07%0.00%15.32%
12.94%

Il #ADDEBC nei modelli numerici popolari.

EsadicemaleADDEBC
Decimale173222188
Binario101011011101111010111100
Ottale255336274

Tonalita del colore

Tonalità scure del colore #ADDEBC

#ADDEBC
(173,222,188)
#9ECAAB
(158,202,171)
#8FB69A
(143,182,154)
#80A289
(128,162,137)
#718E78
(113,142,120)
#627A67
(98,122,103)
#536656
(83,102,86)
#445245
(68,82,69)
#353E34
(53,62,52)
#262A23
(38,42,35)
#171612
(23,22,18)
#000000
(0,0,0)

Tonalità chiare del colore #ADDEBC

#ADDEBC
(173,222,188)
#B4E1C2
(180,225,194)
#BBE4C8
(187,228,200)
#C2E7CE
(194,231,206)
#C9EAD4
(201,234,212)
#D0EDDA
(208,237,218)
#D7F0E0
(215,240,224)
#DEF3E6
(222,243,230)
#E5F6EC
(229,246,236)
#ECF9F2
(236,249,242)
#F3FCF8
(243,252,248)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #ADDEBC; }

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

Il colore di questo testo è #ADDEBC.


Colore dello sfondo

.myBgColor { background-color: #ADDEBC; }

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

Questo div ha lo sfondo di colore #ADDEBC.


Colore del bordo

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

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

Questo div ha i bordi di colore ADDEBC.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ADDEBC.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #ADDEBC

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


Esempio del testo bianco sullo sfondo del colore #ADDEBC

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