COLORE #377AFA

HEX: #377AFA RGB: (55,122,250)

Informazioni

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

Modello di colore RGB

Il colore 377AFA in RGB è definito come 55,122,250

RGB: (55,122,250) (22%, 48%, 98%)

Rapporto dei colori in RGB

R 55 da 255 = 22%
G 122 da 255 = 48%
B 250 da 255 = 98%

55
122
250

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

Canali RGB in percentuale

R + G + B = 55 + 122 + 250 = 427 (100%)
R 55 da 427 ~ 12.88%
G 122 da 427 ~ 28.57%
B 250 da 427 ~ 58.55'%

%12.88
%28.57
%58.55

Modello di colore CMYK

Il colore #377AFA in CMYK è definito come 78,51,0,2.

  • Il color verde blu è 78.00%
  • Il color magenta è 51.20%
  • Il giallo è 0.00%
  • Il colore chiave è 1.96%

CMYK: (78,51,0,2)
C78M51Y0K2 (78%, 51%, 0%, 2%)
(0.78 / 0.51 / 0.00 / 0.02)

Canali CMYK in percentuale

%78
%51.2
%0
%1.96

Codici del colore

Il #377AFA nei modelli di colore popolari.

37 7A FA
RGB 55 122 250
HSL 219° 95.12% 59.80%
HSB/HSV 219° 78.00% 98.04%
CMYK 78.00% 51.20% 0.00%
1.96%

Il #377AFA nei modelli numerici popolari.

Esadicemale 37 7A FA
Decimale 55 122 250
Binario 110111 1111010 11111010
Ottale 67 172 372

Tonalita del colore

Tonalità scure del colore #377AFA

#377AFA
(55,122,250)
#326FE4
(50,111,228)
#2D64CE
(45,100,206)
#2859B8
(40,89,184)
#234EA2
(35,78,162)
#1E438C
(30,67,140)
#193876
(25,56,118)
#142D60
(20,45,96)
#0F224A
(15,34,74)
#0A1734
(10,23,52)
#050C1E
(5,12,30)
#000000
(0,0,0)

Tonalità chiare del colore #377AFA

#377AFA
(55,122,250)
#4986FA
(73,134,250)
#5B92FA
(91,146,250)
#6D9EFA
(109,158,250)
#7FAAFA
(127,170,250)
#91B6FA
(145,182,250)
#A3C2FA
(163,194,250)
#B5CEFA
(181,206,250)
#C7DAFA
(199,218,250)
#D9E6FA
(217,230,250)
#EBF2FA
(235,242,250)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #377AFA. Utilizzate rgb(55,122,250) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #377AFA; }

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

Il colore di questo testo è #377AFA.

Colore dello sfondo

.myBgColor { background-color: #377AFA; }

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

Questo div ha lo sfondo di colore #377AFA.

Colore del bordo

.myBorderColor { border: 1px solid #377AFA; }

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

Questo div ha i bordi di colore 377AFA.

Trasparenza

.myOpacity80 { color: #377AFA; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #377AFA.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #377AFA.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #377AFA sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #377AFA sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #377AFA

Questo è un testo nero sullo sfondo del colore #377AFA.


Esempio del testo bianco sullo sfondo del colore #377AFA

Questo è un testo bianco sullo sfondo del colore #377AFA.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #C88505..


I love getcolorcode.com

Triade di colore

1 #FA377A and #7AFA37 with #377AFA are triadic colors.

2 #FA7A37 and #7A37FA with #377AFA are triadic colors.