COLORE #ECF5BB

HEX: #ECF5BB
RGB: (236,245,187)

Informazioni

Il colore #ECF5BB contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #ECF5BB il colore web safe è #FFFFCC (#FFC).

Modello di colore RGB

Il colore ECF5BB in RGB è definito come 236,245,187

  • Il rosso è 236;
  • Il verde è 245;
  • Il blu è 187.
RGB:
(236,245,187)
(93%,96%,73%)

Rapporto dei colori in RGB

R 236 da 255 = 93%
G 245 da 255 = 96%
B 187 da 255 = 73%

236
245
187

R + G + B ~ 87%. #ECF5BB colore chiaro.

Canali RGB in percentuale

R + G + B =
236 + 245 + 187 = 668 (100%)
R 236 da 668 ~ 35.33%
G 245 da 668 ~ 36.68%
B 187 da 668 ~ 27.99%

%35.33
%36.68
%27.99

Modello di colore CMYK

Il colore #ECF5BB in CMYK è definito come 4,0,24,4.

  • Il color verde blu è 3.67%
  • Il color magenta è 0.00%
  • Il giallo è 23.67%
  • Il colore chiave è 3.92%
CMYK:
(4,0,24,4)
C4M0Y24K4 
(4%,0%,24%,4%)
(0.04/0.00/0.24/0.04)	

Canali CMYK in percentuale

%3.67
%0
%23.67
%3.92

Codici del colore

Il #ECF5BB nei modelli di colore popolari.

ECF5BB
RGB236245187
HSL69°74.36%84.71%
HSB/HSV69°23.67%96.08%
CMYK3.67%0.00%23.67%
3.92%

Il #ECF5BB nei modelli numerici popolari.

EsadicemaleECF5BB
Decimale236245187
Binario111011001111010110111011
Ottale354365273

Tonalita del colore

Tonalità scure del colore #ECF5BB

#ECF5BB
(236,245,187)
#D7DFAA
(215,223,170)
#C2C999
(194,201,153)
#ADB388
(173,179,136)
#989D77
(152,157,119)
#838766
(131,135,102)
#6E7155
(110,113,85)
#595B44
(89,91,68)
#444533
(68,69,51)
#2F2F22
(47,47,34)
#1A1911
(26,25,17)
#000000
(0,0,0)

Tonalità chiare del colore #ECF5BB

#ECF5BB
(236,245,187)
#EDF5C1
(237,245,193)
#EEF5C7
(238,245,199)
#EFF5CD
(239,245,205)
#F0F5D3
(240,245,211)
#F1F5D9
(241,245,217)
#F2F5DF
(242,245,223)
#F3F5E5
(243,245,229)
#F4F5EB
(244,245,235)
#F5F5F1
(245,245,241)
#F6F5F7
(246,245,247)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ECF5BB. Utilizzate rgb(236,245,187) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ECF5BB; }

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

Il colore di questo testo è #ECF5BB.


Colore dello sfondo

.myBgColor { background-color: #ECF5BB; }

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

Questo div ha lo sfondo di colore #ECF5BB.


Colore del bordo

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

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

Questo div ha i bordi di colore ECF5BB.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ECF5BB.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #ECF5BB

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


Esempio del testo bianco sullo sfondo del colore #ECF5BB

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