COLORE #2EA4E1

HEX: #2EA4E1
RGB: (46,164,225)

Informazioni

Il colore #2EA4E1 contiene principalmente il blu. Per il #2EA4E1 il colore web safe è #3399CC (#39C).

Modello di colore RGB

Il colore 2EA4E1 in RGB è definito come 46,164,225

  • Il rosso è 46;
  • Il verde è 164;
  • Il blu è 225.
RGB: (46,164,225) (18%,64%,88%)

Rapporto dei colori in RGB

R 46 da 255 = 18%
G 164 da 255 = 64%
B 225 da 255 = 88%

46
164
225

R + G + B ~ 57%. #2EA4E1 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
46 + 164 + 225 = 435 (100%)
R 46 da 435 ~ 10.57%
G 164 da 435 ~ 37.7%
B 225 da 435 ~ 51.72%

%10.57
%37.7
%51.72

Modello di colore CMYK

Il colore #2EA4E1 in CMYK è definito come 80,27,0,12.

  • Il color verde blu è 79.56%
  • Il color magenta è 27.11%
  • Il giallo è 0.00%
  • Il colore chiave è 11.76%
CMYK: (80,27,0,12) C80M27Y0K12 (80%,27%,0%,12%) (0.80/0.27/0.00/0.12)

Canali CMYK in percentuale

%79.56
%27.11
%0
%11.76

Codici del colore

Il #2EA4E1 nei modelli di colore popolari.

2EA4E1
RGB46164225
HSL200°74.90%53.14%
HSB/HSV200°79.56%88.24%
CMYK79.56%27.11%0.00%
11.76%

Il #2EA4E1 nei modelli numerici popolari.

Esadicemale2EA4E1
Decimale46164225
Binario1011101010010011100001
Ottale56244341

Tonalita del colore

Tonalità scure del colore #2EA4E1

#2EA4E1
(46,164,225)
#2A96CD
(42,150,205)
#2688B9
(38,136,185)
#227AA5
(34,122,165)
#1E6C91
(30,108,145)
#1A5E7D
(26,94,125)
#165069
(22,80,105)
#124255
(18,66,85)
#0E3441
(14,52,65)
#0A262D
(10,38,45)
#061819
(6,24,25)
#000000
(0,0,0)

Tonalità chiare del colore #2EA4E1

#2EA4E1
(46,164,225)
#41ACE3
(65,172,227)
#54B4E5
(84,180,229)
#67BCE7
(103,188,231)
#7AC4E9
(122,196,233)
#8DCCEB
(141,204,235)
#A0D4ED
(160,212,237)
#B3DCEF
(179,220,239)
#C6E4F1
(198,228,241)
#D9ECF3
(217,236,243)
#ECF4F5
(236,244,245)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #2EA4E1. Utilizzate rgb(46,164,225) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #2EA4E1; }

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

Il colore di questo testo è #2EA4E1.


Colore dello sfondo

.myBgColor { background-color: #2EA4E1; }

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

Questo div ha lo sfondo di colore #2EA4E1.


Colore del bordo

.myBorderColor { border: 1px solid #2EA4E1; }

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

Questo div ha i bordi di colore 2EA4E1.


Trasparenza

.myOpacity80 { color: #2EA4E1; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #2EA4E1.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #2EA4E1 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #2EA4E1 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #2EA4E1

Questo è un testo nero sullo sfondo del colore #2EA4E1.


Esempio del testo bianco sullo sfondo del colore #2EA4E1

Questo è un testo bianco sullo sfondo del colore #2EA4E1.



↑