COLORE #4679F0

HEX: #4679F0 RGB: (70,121,240)

Informazioni

Il colore #4679F0 contiene principalmente il blu. Per il #4679F0 il colore web safe è #3366FF (#36F).

Modello di colore RGB

Il colore 4679F0 in RGB è definito come 70,121,240

RGB: (70,121,240) (27%, 47%, 94%)

Rapporto dei colori in RGB

R 70 da 255 = 27%
G 121 da 255 = 47%
B 240 da 255 = 94%

70
121
240

R + G + B ~ 56%. #4679F0 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 70 + 121 + 240 = 431 (100%)
R 70 da 431 ~ 16.24%
G 121 da 431 ~ 28.07%
B 240 da 431 ~ 55.68'%

%16.24
%28.07
%55.68

Modello di colore CMYK

Il colore #4679F0 in CMYK è definito come 71,50,0,6.

  • Il color verde blu è 70.83%
  • Il color magenta è 49.58%
  • Il giallo è 0.00%
  • Il colore chiave è 5.88%

CMYK: (71,50,0,6)
C71M50Y0K6 (71%, 50%, 0%, 6%)
(0.71 / 0.50 / 0.00 / 0.06)

Canali CMYK in percentuale

%70.83
%49.58
%0
%5.88

Codici del colore

Il #4679F0 nei modelli di colore popolari.

46 79 F0
RGB 70 121 240
HSL 222° 85.00% 60.78%
HSB/HSV 222° 70.83% 94.12%
CMYK 70.83% 49.58% 0.00%
5.88%

Il #4679F0 nei modelli numerici popolari.

Esadicemale 46 79 F0
Decimale 70 121 240
Binario 1000110 1111001 11110000
Ottale 106 171 360

Tonalita del colore

Tonalità scure del colore #4679F0

#4679F0
(70,121,240)
#406EDB
(64,110,219)
#3A63C6
(58,99,198)
#3458B1
(52,88,177)
#2E4D9C
(46,77,156)
#284287
(40,66,135)
#223772
(34,55,114)
#1C2C5D
(28,44,93)
#162148
(22,33,72)
#101633
(16,22,51)
#0A0B1E
(10,11,30)
#000000
(0,0,0)

Tonalità chiare del colore #4679F0

#4679F0
(70,121,240)
#5685F1
(86,133,241)
#6691F2
(102,145,242)
#769DF3
(118,157,243)
#86A9F4
(134,169,244)
#96B5F5
(150,181,245)
#A6C1F6
(166,193,246)
#B6CDF7
(182,205,247)
#C6D9F8
(198,217,248)
#D6E5F9
(214,229,249)
#E6F1FA
(230,241,250)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #4679F0. Utilizzate rgb(70,121,240) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #4679F0; }

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

Il colore di questo testo è #4679F0.

Colore dello sfondo

.myBgColor { background-color: #4679F0; }

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

Questo div ha lo sfondo di colore #4679F0.

Colore del bordo

.myBorderColor { border: 1px solid #4679F0; }

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

Questo div ha i bordi di colore 4679F0.

Trasparenza

.myOpacity80 { color: #4679F0; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #4679F0.


.textShadow {text-shadow: 3px 3px 1px #4679F0', 3px 3px 1px red;}

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #4679F0; -webkit-box-shadow: 1px 1px 3px 2px #4679F0; box-shadow:1px 1px 3px 2px #4679F0;">
Div content here
</div>

Questo div ha l'ombra di colore #4679F0.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #4679F0 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #4679F0 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #4679F0

Questo è un testo nero sullo sfondo del colore #4679F0.


Esempio del testo bianco sullo sfondo del colore #4679F0

Questo è un testo bianco sullo sfondo del colore #4679F0.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #B9860F..


I love getcolorcode.com

Triade di colore

1 #F04679 and #79F046 with #4679F0 are triadic colors.

2 #F07946 and #7946F0 with #4679F0 are triadic colors.