COLORE #55887A

HEX: #55887A
RGB: (85,136,122)

Informazioni

Il colore #55887A contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #55887A il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 55887A in RGB è definito come 85,136,122

  • Il rosso è 85;
  • Il verde è 136;
  • Il blu è 122.
RGB:
(85,136,122)
(33%,53%,48%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 136 da 255 = 53%
B 122 da 255 = 48%

85
136
122

R + G + B ~ 45%. #55887A colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
85 + 136 + 122 = 343 (100%)
R 85 da 343 ~ 24.78%
G 136 da 343 ~ 39.65%
B 122 da 343 ~ 35.57%

%24.78
%39.65
%35.57

Modello di colore CMYK

Il colore #55887A in CMYK è definito come 38,0,10,47.

  • Il color verde blu è 37.50%
  • Il color magenta è 0.00%
  • Il giallo è 10.29%
  • Il colore chiave è 46.67%
CMYK:
(38,0,10,47)
C38M0Y10K47 
(38%,0%,10%,47%)
(0.38/0.00/0.10/0.47)	

Canali CMYK in percentuale

%37.5
%0
%10.29
%46.67

Codici del colore

Il #55887A nei modelli di colore popolari.

55887A
RGB85136122
HSL164°23.08%43.33%
HSB/HSV164°37.50%53.33%
CMYK37.50%0.00%10.29%
46.67%

Il #55887A nei modelli numerici popolari.

Esadicemale55887A
Decimale85136122
Binario1010101100010001111010
Ottale125210172

Tonalita del colore

Tonalità scure del colore #55887A

#55887A
(85,136,122)
#4E7C6F
(78,124,111)
#477064
(71,112,100)
#406459
(64,100,89)
#39584E
(57,88,78)
#324C43
(50,76,67)
#2B4038
(43,64,56)
#24342D
(36,52,45)
#1D2822
(29,40,34)
#161C17
(22,28,23)
#0F100C
(15,16,12)
#000000
(0,0,0)

Tonalità chiare del colore #55887A

#55887A
(85,136,122)
#649286
(100,146,134)
#739C92
(115,156,146)
#82A69E
(130,166,158)
#91B0AA
(145,176,170)
#A0BAB6
(160,186,182)
#AFC4C2
(175,196,194)
#BECECE
(190,206,206)
#CDD8DA
(205,216,218)
#DCE2E6
(220,226,230)
#EBECF2
(235,236,242)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #55887A. Utilizzate rgb(85,136,122) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #55887A; }

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

Il colore di questo testo è #55887A.


Colore dello sfondo

.myBgColor { background-color: #55887A; }

<div style="background-color:#55887A">Inner text</div>

Questo div ha lo sfondo di colore #55887A.


Colore del bordo

.myBorderColor { border: 1px solid #55887A; }

<div style="border:3px solid #55887A">Div</div>

Questo div ha i bordi di colore 55887A.


Trasparenza

.myOpacity80 { color: #55887A; opacity: 0.8; }

<p style="color:#55887A;opacity:0.8;">80%</p>

Il testo di color #55887A 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 #55887A;}

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

Questo testo ha l'ombra di colore #55887A.

.textShadow {text-shadow: 3px 3px 1px #55887A, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #55887A e del colore secondario rosso.


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

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

This text has shadow with #55887A and red colors in old Internet Explorer.


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #55887A;
-webkit-box-shadow: 1px 1px 3px 2px #55887A;
box-shadow:1px 1px 3px 2px #55887A;">
Div content here</div>
Questo div ha l'ombra di colore #55887A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #55887A sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #55887A sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #55887A

Questo è un testo nero sullo sfondo del colore #55887A.


Esempio del testo bianco sullo sfondo del colore #55887A

Questo è un testo bianco sullo sfondo del colore #55887A.