COLORE #5ABE46

HEX: #5ABE46 RGB: (90,190,70)

Informazioni

Il colore #5ABE46 contiene principalmente il verde. Per il #5ABE46 il colore web safe è #66CC33 (#6C3).

Modello di colore RGB

Il colore 5ABE46 in RGB è definito come 90,190,70

RGB: (90,190,70) (35%, 75%, 27%)

Rapporto dei colori in RGB

R 90 da 255 = 35%
G 190 da 255 = 75%
B 70 da 255 = 27%

90
190
70

R + G + B ~ 46%. #5ABE46 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 90 + 190 + 70 = 350 (100%)
R 90 da 350 ~ 25.71%
G 190 da 350 ~ 54.29%
B 70 da 350 ~ 20'%

%25.71
%54.29
%20

Modello di colore CMYK

Il colore #5ABE46 in CMYK è definito come 53,0,63,25.

  • Il color verde blu è 52.63%
  • Il color magenta è 0.00%
  • Il giallo è 63.16%
  • Il colore chiave è 25.49%

CMYK: (53,0,63,25)
C53M0Y63K25 (53%, 0%, 63%, 25%)
(0.53 / 0.00 / 0.63 / 0.25)

Canali CMYK in percentuale

%52.63
%0
%63.16
%25.49

Codici del colore

Il #5ABE46 nei modelli di colore popolari.

5A BE 46
RGB 90 190 70
HSL 110° 48.00% 50.98%
HSB/HSV 110° 63.16% 74.51%
CMYK 52.63% 0.00% 63.16%
25.49%

Il #5ABE46 nei modelli numerici popolari.

Esadicemale 5A BE 46
Decimale 90 190 70
Binario 1011010 10111110 1000110
Ottale 132 276 106

Tonalita del colore

Tonalità scure del colore #5ABE46

#5ABE46
(90,190,70)
#52AD40
(82,173,64)
#4A9C3A
(74,156,58)
#428B34
(66,139,52)
#3A7A2E
(58,122,46)
#326928
(50,105,40)
#2A5822
(42,88,34)
#22471C
(34,71,28)
#1A3616
(26,54,22)
#122510
(18,37,16)
#0A140A
(10,20,10)
#000000
(0,0,0)

Tonalità chiare del colore #5ABE46

#5ABE46
(90,190,70)
#69C356
(105,195,86)
#78C866
(120,200,102)
#87CD76
(135,205,118)
#96D286
(150,210,134)
#A5D796
(165,215,150)
#B4DCA6
(180,220,166)
#C3E1B6
(195,225,182)
#D2E6C6
(210,230,198)
#E1EBD6
(225,235,214)
#F0F0E6
(240,240,230)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #5ABE46. Utilizzate rgb(90,190,70) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #5ABE46; }

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

Il colore di questo testo è #5ABE46.

Colore dello sfondo

.myBgColor { background-color: #5ABE46; }

<div style="background-color:#5ABE46">Inner text</div>

Questo div ha lo sfondo di colore #5ABE46.

Colore del bordo

.myBorderColor { border: 1px solid #5ABE46; }

<div style="border:3px solid #5ABE46">Div</div>

Questo div ha i bordi di colore 5ABE46.

Trasparenza

.myOpacity80 { color: #5ABE46; opacity: 0.8; }

<p style="color:#5ABE46;opacity:0.8;">80%</p>

Il testo di color #5ABE46 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 #5ABE46;}

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

Questo testo ha l'ombra di colore #5ABE46.


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

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

Questo testo ha l'ombra del colore principale #5ABE46 e del colore secondario rosso.


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

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

This text has shadow with #5ABE46 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #5ABE46.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #5ABE46 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #5ABE46 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #5ABE46

Questo è un testo nero sullo sfondo del colore #5ABE46.


Esempio del testo bianco sullo sfondo del colore #5ABE46

Questo è un testo bianco sullo sfondo del colore #5ABE46.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #A541B9..


I love getcolorcode.com

Triade di colore

1 #465ABE and #BE465A with #5ABE46 are triadic colors.

2 #46BE5A and #BE5A46 with #5ABE46 are triadic colors.