COLORE #EC204A

HEX: #EC204A
RGB: (236,32,74)

Informazioni

Il colore #EC204A contiene principalmente il rosso. Per il #EC204A il colore web safe è #FF3333 (#F33).

Modello di colore RGB

Il colore EC204A in RGB è definito come 236,32,74

  • Il rosso è 236;
  • Il verde è 32;
  • Il blu è 74.
RGB:
(236,32,74)
(93%,13%,29%)

Rapporto dei colori in RGB

R 236 da 255 = 93%
G 32 da 255 = 13%
B 74 da 255 = 29%

236
32
74

R + G + B ~ 45%. #EC204A colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
236 + 32 + 74 = 342 (100%)
R 236 da 342 ~ 69.01%
G 32 da 342 ~ 9.36%
B 74 da 342 ~ 21.64%

%69.01
%21.64

Modello di colore CMYK

Il colore #EC204A in CMYK è definito come 0,86,69,7.

  • Il color verde blu è 0.00%
  • Il color magenta è 86.44%
  • Il giallo è 68.64%
  • Il colore chiave è 7.45%
CMYK:
(0,86,69,7)
C0M86Y69K7 
(0%,86%,69%,7%)
(0.00/0.86/0.69/0.07)	

Canali CMYK in percentuale

%0
%86.44
%68.64
%7.45

Codici del colore

Il #EC204A nei modelli di colore popolari.

EC204A
RGB2363274
HSL348°84.30%52.55%
HSB/HSV348°86.44%92.55%
CMYK0.00%86.44%68.64%
7.45%

Il #EC204A nei modelli numerici popolari.

EsadicemaleEC204A
Decimale2363274
Binario111011001000001001010
Ottale35440112

Tonalita del colore

Tonalità scure del colore #EC204A

#EC204A
(236,32,74)
#D71E44
(215,30,68)
#C21C3E
(194,28,62)
#AD1A38
(173,26,56)
#981832
(152,24,50)
#83162C
(131,22,44)
#6E1426
(110,20,38)
#591220
(89,18,32)
#44101A
(68,16,26)
#2F0E14
(47,14,20)
#1A0C0E
(26,12,14)
#000000
(0,0,0)

Tonalità chiare del colore #EC204A

#EC204A
(236,32,74)
#ED345A
(237,52,90)
#EE486A
(238,72,106)
#EF5C7A
(239,92,122)
#F0708A
(240,112,138)
#F1849A
(241,132,154)
#F298AA
(242,152,170)
#F3ACBA
(243,172,186)
#F4C0CA
(244,192,202)
#F5D4DA
(245,212,218)
#F6E8EA
(246,232,234)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #EC204A; }

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

Il colore di questo testo è #EC204A.


Colore dello sfondo

.myBgColor { background-color: #EC204A; }

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

Questo div ha lo sfondo di colore #EC204A.


Colore del bordo

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

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

Questo div ha i bordi di colore EC204A.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #EC204A.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #EC204A

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


Esempio del testo bianco sullo sfondo del colore #EC204A

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