Colore #AFFA95, codici hex ed rgb, esempi

Informazioni

Il colore #AFFA95 contiene principalmente il verde. Per il #AFFA95 il colore web safe è #99FF99 (#9F9).

Modello di colore RGB

Il colore AFFA95 in RGB è definito come 175,250,149

Il rosso è 175;
Il verde è 250;
Il blu è 149.

RGB:
(175,250,149)
(69%,98%,58%)

Rapporto dei colori in RGB

R 175 da 255 = 69%
G 250 da 255 = 98%
B 149 da 255 = 58%

175

250

149

R + G + B ~ 75%. #AFFA95 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
175 + 250 + 149 = 574 (100%)
R 175 da 574 ~ 30.49%
G 250 da 574 ~ 43.55%
B 149 da 574 ~ 25.96%

%30.49

%43.55

%25.96

Modello di colore CMYK

Il colore #AFFA95 in CMYK è definito come 30,0,40,2.

Il color verde blu è 30.00%
Il color magenta è 0.00%
Il giallo è 40.40%
Il colore chiave è 1.96%

CMYK:
(30,0,40,2)
C30M0Y40K2 
(30%,0%,40%,2%)
(0.30/0.00/0.40/0.02)

Canali CMYK in percentuale

%30

%40.4

%1.96

Codici del colore

Il #AFFA95 nei modelli di colore popolari.

	AF	FA	95
RGB	175	250	149
HSL	105°	90.99%	78.24%
HSB/HSV	105°	40.40%	98.04%
CMYK	30.00%	0.00%	40.40%
CMYK	1.96%

Il #AFFA95 nei modelli numerici popolari.

Esadicemale	AF	FA	95
Decimale	175	250	149
Binario	10101111	11111010	10010101
Ottale	257	372	225

Tonalita del colore

Tonalità scure del colore #AFFA95

#AFFA95
(175,250,149)

#A0E488
(160,228,136)

#91CE7B
(145,206,123)

#82B86E
(130,184,110)

#73A261
(115,162,97)

#648C54
(100,140,84)

#557647
(85,118,71)

#46603A
(70,96,58)

#374A2D
(55,74,45)

#283420
(40,52,32)

#191E13
(25,30,19)

#000000
(0,0,0)

Tonalità chiare del colore #AFFA95

#AFFA95
(175,250,149)

#B6FA9E
(182,250,158)

#BDFAA7
(189,250,167)

#C4FAB0
(196,250,176)

#CBFAB9
(203,250,185)

#D2FAC2
(210,250,194)

#D9FACB
(217,250,203)

#E0FAD4
(224,250,212)

#E7FADD
(231,250,221)

#EEFAE6
(238,250,230)

#F5FAEF
(245,250,239)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AFFA95. Utilizzate rgb(175,250,149) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AFFA95; }

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

Il colore di questo testo è #AFFA95.

Colore dello sfondo

.myBgColor { background-color: #AFFA95; }

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

Questo div ha lo sfondo di colore #AFFA95.

Colore del bordo

.myBorderColor { border: 1px solid #AFFA95; }

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

Questo div ha i bordi di colore AFFA95.

Trasparenza

.myOpacity80 { color: #AFFA95; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #AFFA95.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AFFA95.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #AFFA95 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #AFFA95 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #AFFA95

Questo è un testo nero sullo sfondo del colore #AFFA95.

Esempio del testo bianco sullo sfondo del colore #AFFA95

Questo è un testo bianco sullo sfondo del colore #AFFA95.

COLORE #AFFA95