Colore #574CA9, codici hex ed rgb, esempi

Informazioni

Il colore #574CA9 contiene principalmente il blu. Per il #574CA9 il colore web safe è #663399 (#639).

Modello di colore RGB

Il colore 574CA9 in RGB è definito come 87,76,169

Il rosso è 87;
Il verde è 76;
Il blu è 169.

RGB:
(87,76,169)
(34%,30%,66%)

Rapporto dei colori in RGB

R 87 da 255 = 34%
G 76 da 255 = 30%
B 169 da 255 = 66%

169

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

Canali RGB in percentuale

R + G + B =
87 + 76 + 169 = 332 (100%)
R 87 da 332 ~ 26.2%
G 76 da 332 ~ 22.89%
B 169 da 332 ~ 50.9%

%26.2

%22.89

%50.9

Modello di colore CMYK

Il colore #574CA9 in CMYK è definito come 49,55,0,34.

Il color verde blu è 48.52%
Il color magenta è 55.03%
Il giallo è 0.00%
Il colore chiave è 33.73%

CMYK:
(49,55,0,34)
C49M55Y0K34 
(49%,55%,0%,34%)
(0.49/0.55/0.00/0.34)

Canali CMYK in percentuale

%48.52

%55.03

%33.73

Codici del colore

Il #574CA9 nei modelli di colore popolari.

	57	4C	A9
RGB	87	76	169
HSL	247°	37.96%	48.04%
HSB/HSV	247°	55.03%	66.27%
CMYK	48.52%	55.03%	0.00%
CMYK	33.73%

Il #574CA9 nei modelli numerici popolari.

Esadicemale	57	4C	A9
Decimale	87	76	169
Binario	1010111	1001100	10101001
Ottale	127	114	251

Tonalita del colore

Tonalità scure del colore #574CA9

#574CA9
(87,76,169)

#50469A
(80,70,154)

#49408B
(73,64,139)

#423A7C
(66,58,124)

#3B346D
(59,52,109)

#342E5E
(52,46,94)

#2D284F
(45,40,79)

#262240
(38,34,64)

#1F1C31
(31,28,49)

#181622
(24,22,34)

#111013
(17,16,19)

#000000
(0,0,0)

Tonalità chiare del colore #574CA9

#574CA9
(87,76,169)

#665CB0
(102,92,176)

#756CB7
(117,108,183)

#847CBE
(132,124,190)

#938CC5
(147,140,197)

#A29CCC
(162,156,204)

#B1ACD3
(177,172,211)

#C0BCDA
(192,188,218)

#CFCCE1
(207,204,225)

#DEDCE8
(222,220,232)

#EDECEF
(237,236,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #574CA9. Utilizzate rgb(87,76,169) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #574CA9; }

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

Il colore di questo testo è #574CA9.

Colore dello sfondo

.myBgColor { background-color: #574CA9; }

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

Questo div ha lo sfondo di colore #574CA9.

Colore del bordo

.myBorderColor { border: 1px solid #574CA9; }

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

Questo div ha i bordi di colore 574CA9.

Trasparenza

.myOpacity80 { color: #574CA9; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #574CA9.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #574CA9.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #574CA9 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #574CA9 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #574CA9

Questo è un testo nero sullo sfondo del colore #574CA9.

Esempio del testo bianco sullo sfondo del colore #574CA9

Questo è un testo bianco sullo sfondo del colore #574CA9.

COLORE #574CA9