COLORE #55B16A

HEX: #55B16A RGB: (85,177,106)

Informazioni

Il colore #55B16A contiene principalmente il verde. Per il #55B16A il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 55B16A in RGB è definito come 85,177,106

RGB: (85,177,106) (33%, 69%, 42%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 177 da 255 = 69%
B 106 da 255 = 42%

85
177
106

R + G + B ~ 48%. #55B16A colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 85 + 177 + 106 = 368 (100%)
R 85 da 368 ~ 23.1%
G 177 da 368 ~ 48.1%
B 106 da 368 ~ 28.8'%

%23.1
%48.1
%28.8

Modello di colore CMYK

Il colore #55B16A in CMYK è definito come 52,0,40,31.

  • Il color verde blu è 51.98%
  • Il color magenta è 0.00%
  • Il giallo è 40.11%
  • Il colore chiave è 30.59%

CMYK: (52,0,40,31)
C52M0Y40K31 (52%, 0%, 40%, 31%)
(0.52 / 0.00 / 0.40 / 0.31)

Canali CMYK in percentuale

%51.98
%0
%40.11
%30.59

Codici del colore

Il #55B16A nei modelli di colore popolari.

55 B1 6A
RGB 85 177 106
HSL 134° 37.10% 51.37%
HSB/HSV 134° 51.98% 69.41%
CMYK 51.98% 0.00% 40.11%
30.59%

Il #55B16A nei modelli numerici popolari.

Esadicemale 55 B1 6A
Decimale 85 177 106
Binario 1010101 10110001 1101010
Ottale 125 261 152

Tonalita del colore

Tonalità scure del colore #55B16A

#55B16A
(85,177,106)
#4EA161
(78,161,97)
#479158
(71,145,88)
#40814F
(64,129,79)
#397146
(57,113,70)
#32613D
(50,97,61)
#2B5134
(43,81,52)
#24412B
(36,65,43)
#1D3122
(29,49,34)
#162119
(22,33,25)
#0F1110
(15,17,16)
#000000
(0,0,0)

Tonalità chiare del colore #55B16A

#55B16A
(85,177,106)
#64B877
(100,184,119)
#73BF84
(115,191,132)
#82C691
(130,198,145)
#91CD9E
(145,205,158)
#A0D4AB
(160,212,171)
#AFDBB8
(175,219,184)
#BEE2C5
(190,226,197)
#CDE9D2
(205,233,210)
#DCF0DF
(220,240,223)
#EBF7EC
(235,247,236)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #55B16A. Utilizzate rgb(85,177,106) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #55B16A; }

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

Il colore di questo testo è #55B16A.

Colore dello sfondo

.myBgColor { background-color: #55B16A; }

<div style="background-color:#55B16A">Inner text</div>

Questo div ha lo sfondo di colore #55B16A.

Colore del bordo

.myBorderColor { border: 1px solid #55B16A; }

<div style="border:3px solid #55B16A">Div</div>

Questo div ha i bordi di colore 55B16A.

Trasparenza

.myOpacity80 { color: #55B16A; opacity: 0.8; }

<p style="color:#55B16A;opacity:0.8;">80%</p>

Il testo di color #55B16A 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 #55B16A;}

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

Questo testo ha l'ombra di colore #55B16A.


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

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

Questo testo ha l'ombra del colore principale #55B16A e del colore secondario rosso.


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

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

This text has shadow with #55B16A and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #55B16A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #55B16A sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #55B16A sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #55B16A

Questo è un testo nero sullo sfondo del colore #55B16A.


Esempio del testo bianco sullo sfondo del colore #55B16A

Questo è un testo bianco sullo sfondo del colore #55B16A.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #AA4E95..


I love getcolorcode.com

Triade di colore

1 #6A55B1 and #B16A55 with #55B16A are triadic colors.

2 #6AB155 and #B1556A with #55B16A are triadic colors.