COLORE #395A56

HEX: #395A56 RGB: (57,90,86)

Informazioni

Il colore #395A56 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #395A56 il colore web safe è #336666 (#366).

Modello di colore RGB

Il colore 395A56 in RGB è definito come 57,90,86

RGB: (57,90,86) (22%, 35%, 34%)

Rapporto dei colori in RGB

R 57 da 255 = 22%
G 90 da 255 = 35%
B 86 da 255 = 34%

57
90
86

R + G + B ~ 30%. #395A56 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B = 57 + 90 + 86 = 233 (100%)
R 57 da 233 ~ 24.46%
G 90 da 233 ~ 38.63%
B 86 da 233 ~ 36.91'%

%24.46
%38.63
%36.91

Modello di colore CMYK

Il colore #395A56 in CMYK è definito come 37,0,4,65.

  • Il color verde blu è 36.67%
  • Il color magenta è 0.00%
  • Il giallo è 4.44%
  • Il colore chiave è 64.71%

CMYK: (37,0,4,65)
C37M0Y4K65 (37%, 0%, 4%, 65%)
(0.37 / 0.00 / 0.04 / 0.65)

Canali CMYK in percentuale

%36.67
%0
%4.44
%64.71

Codici del colore

Il #395A56 nei modelli di colore popolari.

39 5A 56
RGB 57 90 86
HSL 173° 22.45% 28.82%
HSB/HSV 173° 36.67% 35.29%
CMYK 36.67% 0.00% 4.44%
64.71%

Il #395A56 nei modelli numerici popolari.

Esadicemale 39 5A 56
Decimale 57 90 86
Binario 111001 1011010 1010110
Ottale 71 132 126

Tonalita del colore

Tonalità scure del colore #395A56

#395A56
(57,90,86)
#34524F
(52,82,79)
#2F4A48
(47,74,72)
#2A4241
(42,66,65)
#253A3A
(37,58,58)
#203233
(32,50,51)
#1B2A2C
(27,42,44)
#162225
(22,34,37)
#111A1E
(17,26,30)
#0C1217
(12,18,23)
#070A10
(7,10,16)
#000000
(0,0,0)

Tonalità chiare del colore #395A56

#395A56
(57,90,86)
#4B6965
(75,105,101)
#5D7874
(93,120,116)
#6F8783
(111,135,131)
#819692
(129,150,146)
#93A5A1
(147,165,161)
#A5B4B0
(165,180,176)
#B7C3BF
(183,195,191)
#C9D2CE
(201,210,206)
#DBE1DD
(219,225,221)
#EDF0EC
(237,240,236)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #395A56. Utilizzate rgb(57,90,86) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #395A56; }

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

Il colore di questo testo è #395A56.

Colore dello sfondo

.myBgColor { background-color: #395A56; }

<div style="background-color:#395A56">Inner text</div>

Questo div ha lo sfondo di colore #395A56.

Colore del bordo

.myBorderColor { border: 1px solid #395A56; }

<div style="border:3px solid #395A56">Div</div>

Questo div ha i bordi di colore 395A56.

Trasparenza

.myOpacity80 { color: #395A56; opacity: 0.8; }

<p style="color:#395A56;opacity:0.8;">80%</p>

Il testo di color #395A56 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 #395A56;}

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

Questo testo ha l'ombra di colore #395A56.


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

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

Questo testo ha l'ombra del colore principale #395A56 e del colore secondario rosso.


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

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

This text has shadow with #395A56 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #395A56.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #395A56 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #395A56 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #395A56

Questo è un testo nero sullo sfondo del colore #395A56.


Esempio del testo bianco sullo sfondo del colore #395A56

Questo è un testo bianco sullo sfondo del colore #395A56.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #C6A5A9..


I love getcolorcode.com

Triade di colore

1 #56395A and #5A5639 with #395A56 are triadic colors.

2 #565A39 and #5A3956 with #395A56 are triadic colors.