COLORE #5575B9

HEX: #5575B9 RGB: (85,117,185)

Informazioni

Il colore #5575B9 contiene principalmente il blu. Per il #5575B9 il colore web safe è #6666CC (#66C).

Modello di colore RGB

Il colore 5575B9 in RGB è definito come 85,117,185

RGB: (85,117,185) (33%, 46%, 73%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 117 da 255 = 46%
B 185 da 255 = 73%

85
117
185

R + G + B ~ 51%. #5575B9 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 85 + 117 + 185 = 387 (100%)
R 85 da 387 ~ 21.96%
G 117 da 387 ~ 30.23%
B 185 da 387 ~ 47.8'%

%21.96
%30.23
%47.8

Modello di colore CMYK

Il colore #5575B9 in CMYK è definito come 54,37,0,27.

  • Il color verde blu è 54.05%
  • Il color magenta è 36.76%
  • Il giallo è 0.00%
  • Il colore chiave è 27.45%

CMYK: (54,37,0,27)
C54M37Y0K27 (54%, 37%, 0%, 27%)
(0.54 / 0.37 / 0.00 / 0.27)

Canali CMYK in percentuale

%54.05
%36.76
%0
%27.45

Codici del colore

Il #5575B9 nei modelli di colore popolari.

55 75 B9
RGB 85 117 185
HSL 221° 41.67% 52.94%
HSB/HSV 221° 54.05% 72.55%
CMYK 54.05% 36.76% 0.00%
27.45%

Il #5575B9 nei modelli numerici popolari.

Esadicemale 55 75 B9
Decimale 85 117 185
Binario 1010101 1110101 10111001
Ottale 125 165 271

Tonalita del colore

Tonalità scure del colore #5575B9

#5575B9
(85,117,185)
#4E6BA9
(78,107,169)
#476199
(71,97,153)
#405789
(64,87,137)
#394D79
(57,77,121)
#324369
(50,67,105)
#2B3959
(43,57,89)
#242F49
(36,47,73)
#1D2539
(29,37,57)
#161B29
(22,27,41)
#0F1119
(15,17,25)
#000000
(0,0,0)

Tonalità chiare del colore #5575B9

#5575B9
(85,117,185)
#6481BF
(100,129,191)
#738DC5
(115,141,197)
#8299CB
(130,153,203)
#91A5D1
(145,165,209)
#A0B1D7
(160,177,215)
#AFBDDD
(175,189,221)
#BEC9E3
(190,201,227)
#CDD5E9
(205,213,233)
#DCE1EF
(220,225,239)
#EBEDF5
(235,237,245)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5575B9. Utilizzate rgb(85,117,185) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5575B9; }

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

Il colore di questo testo è #5575B9.

Colore dello sfondo

.myBgColor { background-color: #5575B9; }

<div style="background-color:#5575B9">Inner text</div>

Questo div ha lo sfondo di colore #5575B9.

Colore del bordo

.myBorderColor { border: 1px solid #5575B9; }

<div style="border:3px solid #5575B9">Div</div>

Questo div ha i bordi di colore 5575B9.

Trasparenza

.myOpacity80 { color: #5575B9; opacity: 0.8; }

<p style="color:#5575B9;opacity:0.8;">80%</p>

Il testo di color #5575B9 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 #5575B9;}

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

Questo testo ha l'ombra di colore #5575B9.


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

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

Questo testo ha l'ombra del colore principale #5575B9 e del colore secondario rosso.


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

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

This text has shadow with #5575B9 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #5575B9.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5575B9 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5575B9 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #5575B9

Questo è un testo nero sullo sfondo del colore #5575B9.


Esempio del testo bianco sullo sfondo del colore #5575B9

Questo è un testo bianco sullo sfondo del colore #5575B9.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #AA8A46..


I love getcolorcode.com

Triade di colore

1 #B95575 and #75B955 with #5575B9 are triadic colors.

2 #B97555 and #7555B9 with #5575B9 are triadic colors.