COLORE #476A94

HEX: #476A94 RGB: (71,106,148)

Informazioni

Il colore #476A94 contiene principalmente il verde e il blu. Per il #476A94 il colore web safe è #336699 (#369).

Modello di colore RGB

Il colore 476A94 in RGB è definito come 71,106,148

RGB: (71,106,148) (28%, 42%, 58%)

Rapporto dei colori in RGB

R 71 da 255 = 28%
G 106 da 255 = 42%
B 148 da 255 = 58%

71
106
148

R + G + B ~ 43%. #476A94 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 71 + 106 + 148 = 325 (100%)
R 71 da 325 ~ 21.85%
G 106 da 325 ~ 32.62%
B 148 da 325 ~ 45.54'%

%21.85
%32.62
%45.54

Modello di colore CMYK

Il colore #476A94 in CMYK è definito come 52,28,0,42.

  • Il color verde blu è 52.03%
  • Il color magenta è 28.38%
  • Il giallo è 0.00%
  • Il colore chiave è 41.96%

CMYK: (52,28,0,42)
C52M28Y0K42 (52%, 28%, 0%, 42%)
(0.52 / 0.28 / 0.00 / 0.42)

Canali CMYK in percentuale

%52.03
%28.38
%0
%41.96

Codici del colore

Il #476A94 nei modelli di colore popolari.

47 6A 94
RGB 71 106 148
HSL 213° 35.16% 42.94%
HSB/HSV 213° 52.03% 58.04%
CMYK 52.03% 28.38% 0.00%
41.96%

Il #476A94 nei modelli numerici popolari.

Esadicemale 47 6A 94
Decimale 71 106 148
Binario 1000111 1101010 10010100
Ottale 107 152 224

Tonalita del colore

Tonalità scure del colore #476A94

#476A94
(71,106,148)
#416187
(65,97,135)
#3B587A
(59,88,122)
#354F6D
(53,79,109)
#2F4660
(47,70,96)
#293D53
(41,61,83)
#233446
(35,52,70)
#1D2B39
(29,43,57)
#17222C
(23,34,44)
#11191F
(17,25,31)
#0B1012
(11,16,18)
#000000
(0,0,0)

Tonalità chiare del colore #476A94

#476A94
(71,106,148)
#57779D
(87,119,157)
#6784A6
(103,132,166)
#7791AF
(119,145,175)
#879EB8
(135,158,184)
#97ABC1
(151,171,193)
#A7B8CA
(167,184,202)
#B7C5D3
(183,197,211)
#C7D2DC
(199,210,220)
#D7DFE5
(215,223,229)
#E7ECEE
(231,236,238)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #476A94. Utilizzate rgb(71,106,148) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #476A94; }

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

Il colore di questo testo è #476A94.

Colore dello sfondo

.myBgColor { background-color: #476A94; }

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

Questo div ha lo sfondo di colore #476A94.

Colore del bordo

.myBorderColor { border: 1px solid #476A94; }

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

Questo div ha i bordi di colore 476A94.

Trasparenza

.myOpacity80 { color: #476A94; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #476A94.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #476A94.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #476A94 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #476A94 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #476A94

Questo è un testo nero sullo sfondo del colore #476A94.


Esempio del testo bianco sullo sfondo del colore #476A94

Questo è un testo bianco sullo sfondo del colore #476A94.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #B8956B..


I love getcolorcode.com

Triade di colore

1 #94476A and #6A9447 with #476A94 are triadic colors.

2 #946A47 and #6A4794 with #476A94 are triadic colors.