COLORE #6AAE63

HEX: #6AAE63 RGB: (106,174,99)

Informazioni

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

Modello di colore RGB

Il colore 6AAE63 in RGB è definito come 106,174,99

RGB: (106,174,99) (42%, 68%, 39%)

Rapporto dei colori in RGB

R 106 da 255 = 42%
G 174 da 255 = 68%
B 99 da 255 = 39%

106
174
99

R + G + B ~ 50%. #6AAE63 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 106 + 174 + 99 = 379 (100%)
R 106 da 379 ~ 27.97%
G 174 da 379 ~ 45.91%
B 99 da 379 ~ 26.12'%

%27.97
%45.91
%26.12

Modello di colore CMYK

Il colore #6AAE63 in CMYK è definito come 39,0,43,32.

  • Il color verde blu è 39.08%
  • Il color magenta è 0.00%
  • Il giallo è 43.10%
  • Il colore chiave è 31.76%

CMYK: (39,0,43,32)
C39M0Y43K32 (39%, 0%, 43%, 32%)
(0.39 / 0.00 / 0.43 / 0.32)

Canali CMYK in percentuale

%39.08
%0
%43.1
%31.76

Codici del colore

Il #6AAE63 nei modelli di colore popolari.

6A AE 63
RGB 106 174 99
HSL 114° 31.65% 53.53%
HSB/HSV 114° 43.10% 68.24%
CMYK 39.08% 0.00% 43.10%
31.76%

Il #6AAE63 nei modelli numerici popolari.

Esadicemale 6A AE 63
Decimale 106 174 99
Binario 1101010 10101110 1100011
Ottale 152 256 143

Tonalita del colore

Tonalità scure del colore #6AAE63

#6AAE63
(106,174,99)
#619F5A
(97,159,90)
#589051
(88,144,81)
#4F8148
(79,129,72)
#46723F
(70,114,63)
#3D6336
(61,99,54)
#34542D
(52,84,45)
#2B4524
(43,69,36)
#22361B
(34,54,27)
#192712
(25,39,18)
#101809
(16,24,9)
#000000
(0,0,0)

Tonalità chiare del colore #6AAE63

#6AAE63
(106,174,99)
#77B571
(119,181,113)
#84BC7F
(132,188,127)
#91C38D
(145,195,141)
#9ECA9B
(158,202,155)
#ABD1A9
(171,209,169)
#B8D8B7
(184,216,183)
#C5DFC5
(197,223,197)
#D2E6D3
(210,230,211)
#DFEDE1
(223,237,225)
#ECF4EF
(236,244,239)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6AAE63. Utilizzate rgb(106,174,99) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6AAE63; }

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

Il colore di questo testo è #6AAE63.

Colore dello sfondo

.myBgColor { background-color: #6AAE63; }

<div style="background-color:#6AAE63">Inner text</div>

Questo div ha lo sfondo di colore #6AAE63.

Colore del bordo

.myBorderColor { border: 1px solid #6AAE63; }

<div style="border:3px solid #6AAE63">Div</div>

Questo div ha i bordi di colore 6AAE63.

Trasparenza

.myOpacity80 { color: #6AAE63; opacity: 0.8; }

<p style="color:#6AAE63;opacity:0.8;">80%</p>

Il testo di color #6AAE63 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 #6AAE63;}

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

Questo testo ha l'ombra di colore #6AAE63.


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

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

Questo testo ha l'ombra del colore principale #6AAE63 e del colore secondario rosso.


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

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

This text has shadow with #6AAE63 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6AAE63.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6AAE63 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6AAE63 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #6AAE63

Questo è un testo nero sullo sfondo del colore #6AAE63.


Esempio del testo bianco sullo sfondo del colore #6AAE63

Questo è un testo bianco sullo sfondo del colore #6AAE63.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #95519C..


I love getcolorcode.com

Triade di colore

1 #636AAE and #AE636A with #6AAE63 are triadic colors.

2 #63AE6A and #AE6A63 with #6AAE63 are triadic colors.