Colore #4AB69C, codici hex ed rgb, esempi

Informazioni

Il colore #4AB69C contiene principalmente il verde e il blu. Per il #4AB69C il colore web safe è #33CC99 (#3C9).

Modello di colore RGB

Il colore 4AB69C in RGB è definito come 74,182,156

Il rosso è 74;
Il verde è 182;
Il blu è 156.

RGB:
(74,182,156)
(29%,71%,61%)

Rapporto dei colori in RGB

R 74 da 255 = 29%
G 182 da 255 = 71%
B 156 da 255 = 61%

182

156

R + G + B ~ 54%. #4AB69C colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
74 + 182 + 156 = 412 (100%)
R 74 da 412 ~ 17.96%
G 182 da 412 ~ 44.17%
B 156 da 412 ~ 37.86%

%17.96

%44.17

%37.86

Modello di colore CMYK

Il colore #4AB69C in CMYK è definito come 59,0,14,29.

Il color verde blu è 59.34%
Il color magenta è 0.00%
Il giallo è 14.29%
Il colore chiave è 28.63%

CMYK:
(59,0,14,29)
C59M0Y14K29 
(59%,0%,14%,29%)
(0.59/0.00/0.14/0.29)

Canali CMYK in percentuale

%59.34

%14.29

%28.63

Codici del colore

Il #4AB69C nei modelli di colore popolari.

	4A	B6	9C
RGB	74	182	156
HSL	166°	42.52%	50.20%
HSB/HSV	166°	59.34%	71.37%
CMYK	59.34%	0.00%	14.29%
CMYK	28.63%

Il #4AB69C nei modelli numerici popolari.

Esadicemale	4A	B6	9C
Decimale	74	182	156
Binario	1001010	10110110	10011100
Ottale	112	266	234

Tonalita del colore

Tonalità scure del colore #4AB69C

#4AB69C
(74,182,156)

#44A68E
(68,166,142)

#3E9680
(62,150,128)

#388672
(56,134,114)

#327664
(50,118,100)

#2C6656
(44,102,86)

#265648
(38,86,72)

#20463A
(32,70,58)

#1A362C
(26,54,44)

#14261E
(20,38,30)

#0E1610
(14,22,16)

#000000
(0,0,0)

Tonalità chiare del colore #4AB69C

#4AB69C
(74,182,156)

#5ABCA5
(90,188,165)

#6AC2AE
(106,194,174)

#7AC8B7
(122,200,183)

#8ACEC0
(138,206,192)

#9AD4C9
(154,212,201)

#AADAD2
(170,218,210)

#BAE0DB
(186,224,219)

#CAE6E4
(202,230,228)

#DAECED
(218,236,237)

#EAF2F6
(234,242,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #4AB69C. Utilizzate rgb(74,182,156) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #4AB69C; }

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

Il colore di questo testo è #4AB69C.

Colore dello sfondo

.myBgColor { background-color: #4AB69C; }

<div style="background-color:#4AB69C">Inner text</div>

Questo div ha lo sfondo di colore #4AB69C.

Colore del bordo

.myBorderColor { border: 1px solid #4AB69C; }

<div style="border:3px solid #4AB69C">Div</div>

Questo div ha i bordi di colore 4AB69C.

Trasparenza

.myOpacity80 { color: #4AB69C; opacity: 0.8; }

<p style="color:#4AB69C;opacity:0.8;">80%</p>

Il testo di color #4AB69C 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 #4AB69C;}

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

Questo testo ha l'ombra di colore #4AB69C.

.textShadow {text-shadow: 3px 3px 1px #4AB69C, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #4AB69C e del colore secondario rosso.

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

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

This text has shadow with #4AB69C and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #4AB69C.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #4AB69C sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #4AB69C sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #4AB69C

Questo è un testo nero sullo sfondo del colore #4AB69C.

Esempio del testo bianco sullo sfondo del colore #4AB69C

Questo è un testo bianco sullo sfondo del colore #4AB69C.

COLORE #4AB69C