COLORE #5755A6

HEX: #5755A6 RGB: (87,85,166)

Informazioni

Il colore #5755A6 contiene principalmente il blu. Per il #5755A6 il colore web safe è #666699 (#669).

Modello di colore RGB

Il colore 5755A6 in RGB è definito come 87,85,166

RGB: (87,85,166) (34%, 33%, 65%)

Rapporto dei colori in RGB

R 87 da 255 = 34%
G 85 da 255 = 33%
B 166 da 255 = 65%

87
85
166

R + G + B ~ 44%. #5755A6 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 87 + 85 + 166 = 338 (100%)
R 87 da 338 ~ 25.74%
G 85 da 338 ~ 25.15%
B 166 da 338 ~ 49.11'%

%25.74
%25.15
%49.11

Modello di colore CMYK

Il colore #5755A6 in CMYK è definito come 48,49,0,35.

  • Il color verde blu è 47.59%
  • Il color magenta è 48.80%
  • Il giallo è 0.00%
  • Il colore chiave è 34.90%
CMYK: (48,49,0,35) C48M49Y0K35 (48%,49%,0%,35%) (0.48/0.49/0.00/0.35) 

Canali CMYK in percentuale

%47.59
%48.8
%0
%34.9

Codici del colore

Il #5755A6 nei modelli di colore popolari.

57 55 A6
RGB 87 85 166
HSL 241° 32.27% 49.22%
HSB/HSV 241° 48.80% 65.10%
CMYK 47.59% 48.80% 0.00%
34.90%

Il #5755A6 nei modelli numerici popolari.

Esadicemale 57 55 A6
Decimale 87 85 166
Binario 1010111 1010101 10100110
Ottale 127 125 246

Tonalita del colore

Tonalità scure del colore #5755A6

#5755A6
(87,85,166)
#504E97
(80,78,151)
#494788
(73,71,136)
#424079
(66,64,121)
#3B396A
(59,57,106)
#34325B
(52,50,91)
#2D2B4C
(45,43,76)
#26243D
(38,36,61)
#1F1D2E
(31,29,46)
#18161F
(24,22,31)
#110F10
(17,15,16)
#000000
(0,0,0)

Tonalità chiare del colore #5755A6

#5755A6
(87,85,166)
#6664AE
(102,100,174)
#7573B6
(117,115,182)
#8482BE
(132,130,190)
#9391C6
(147,145,198)
#A2A0CE
(162,160,206)
#B1AFD6
(177,175,214)
#C0BEDE
(192,190,222)
#CFCDE6
(207,205,230)
#DEDCEE
(222,220,238)
#EDEBF6
(237,235,246)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5755A6. Utilizzate rgb(87,85,166) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5755A6; }

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

Il colore di questo testo è #5755A6.

Colore dello sfondo

.myBgColor { background-color: #5755A6; }

<div style="background-color:#5755A6">Inner text</div>

Questo div ha lo sfondo di colore #5755A6.

Colore del bordo

.myBorderColor { border: 1px solid #5755A6; }

<div style="border:3px solid #5755A6">Div</div>

Questo div ha i bordi di colore 5755A6.

Trasparenza

.myOpacity80 { color: #5755A6; opacity: 0.8; }

<p style="color:#5755A6;opacity:0.8;">80%</p>

Il testo di color #5755A6 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 #5755A6;}

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

Questo testo ha l'ombra di colore #5755A6.


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

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

Questo testo ha l'ombra del colore principale #5755A6 e del colore secondario rosso.


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

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

This text has shadow with #5755A6 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #5755A6.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5755A6 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5755A6 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #5755A6

Questo è un testo nero sullo sfondo del colore #5755A6.


Esempio del testo bianco sullo sfondo del colore #5755A6

Questo è un testo bianco sullo sfondo del colore #5755A6.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #A8AA59..


I love getcolorcode.com

Triade di colore

1 #A65755 and #55A657 with #5755A6 are triadic colors.

2 #A65557 and #5557A6 with #5755A6 are triadic colors.