COLORE #63AA54

HEX: #63AA54 RGB: (99,170,84)

Informazioni

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

Modello di colore RGB

Il colore 63AA54 in RGB è definito come 99,170,84

RGB: (99,170,84) (39%, 67%, 33%)

Rapporto dei colori in RGB

R 99 da 255 = 39%
G 170 da 255 = 67%
B 84 da 255 = 33%

99
170
84

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

Canali RGB in percentuale

R + G + B = 99 + 170 + 84 = 353 (100%)
R 99 da 353 ~ 28.05%
G 170 da 353 ~ 48.16%
B 84 da 353 ~ 23.8'%

%28.05
%48.16
%23.8

Modello di colore CMYK

Il colore #63AA54 in CMYK è definito come 42,0,51,33.

  • Il color verde blu è 41.76%
  • Il color magenta è 0.00%
  • Il giallo è 50.59%
  • Il colore chiave è 33.33%

CMYK: (42,0,51,33)
C42M0Y51K33 (42%, 0%, 51%, 33%)
(0.42 / 0.00 / 0.51 / 0.33)

Canali CMYK in percentuale

%41.76
%0
%50.59
%33.33

Codici del colore

Il #63AA54 nei modelli di colore popolari.

63 AA 54
RGB 99 170 84
HSL 110° 33.86% 49.80%
HSB/HSV 110° 50.59% 66.67%
CMYK 41.76% 0.00% 50.59%
33.33%

Il #63AA54 nei modelli numerici popolari.

Esadicemale 63 AA 54
Decimale 99 170 84
Binario 1100011 10101010 1010100
Ottale 143 252 124

Tonalita del colore

Tonalità scure del colore #63AA54

#63AA54
(99,170,84)
#5A9B4D
(90,155,77)
#518C46
(81,140,70)
#487D3F
(72,125,63)
#3F6E38
(63,110,56)
#365F31
(54,95,49)
#2D502A
(45,80,42)
#244123
(36,65,35)
#1B321C
(27,50,28)
#122315
(18,35,21)
#09140E
(9,20,14)
#000000
(0,0,0)

Tonalità chiare del colore #63AA54

#63AA54
(99,170,84)
#71B163
(113,177,99)
#7FB872
(127,184,114)
#8DBF81
(141,191,129)
#9BC690
(155,198,144)
#A9CD9F
(169,205,159)
#B7D4AE
(183,212,174)
#C5DBBD
(197,219,189)
#D3E2CC
(211,226,204)
#E1E9DB
(225,233,219)
#EFF0EA
(239,240,234)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #63AA54. Utilizzate rgb(99,170,84) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #63AA54; }

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

Il colore di questo testo è #63AA54.

Colore dello sfondo

.myBgColor { background-color: #63AA54; }

<div style="background-color:#63AA54">Inner text</div>

Questo div ha lo sfondo di colore #63AA54.

Colore del bordo

.myBorderColor { border: 1px solid #63AA54; }

<div style="border:3px solid #63AA54">Div</div>

Questo div ha i bordi di colore 63AA54.

Trasparenza

.myOpacity80 { color: #63AA54; opacity: 0.8; }

<p style="color:#63AA54;opacity:0.8;">80%</p>

Il testo di color #63AA54 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 #63AA54;}

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

Questo testo ha l'ombra di colore #63AA54.


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

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

Questo testo ha l'ombra del colore principale #63AA54 e del colore secondario rosso.


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

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

This text has shadow with #63AA54 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #63AA54.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #63AA54 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #63AA54 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #63AA54

Questo è un testo nero sullo sfondo del colore #63AA54.


Esempio del testo bianco sullo sfondo del colore #63AA54

Questo è un testo bianco sullo sfondo del colore #63AA54.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #9C55AB..


I love getcolorcode.com

Triade di colore

1 #5463AA and #AA5463 with #63AA54 are triadic colors.

2 #54AA63 and #AA6354 with #63AA54 are triadic colors.