COLORE #C2F9CC

HEX: #C2F9CC
RGB: (194,249,204)

Informazioni

Il colore #C2F9CC contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #C2F9CC il colore web safe è #CCFFCC (#CFC).

Modello di colore RGB

Il colore C2F9CC in RGB è definito come 194,249,204

  • Il rosso è 194;
  • Il verde è 249;
  • Il blu è 204.
RGB:
(194,249,204)
(76%,98%,80%)

Rapporto dei colori in RGB

R 194 da 255 = 76%
G 249 da 255 = 98%
B 204 da 255 = 80%

194
249
204

R + G + B ~ 85%. #C2F9CC colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
194 + 249 + 204 = 647 (100%)
R 194 da 647 ~ 29.98%
G 249 da 647 ~ 38.49%
B 204 da 647 ~ 31.53%

%29.98
%38.49
%31.53

Modello di colore CMYK

Il colore #C2F9CC in CMYK è definito come 22,0,18,2.

  • Il color verde blu è 22.09%
  • Il color magenta è 0.00%
  • Il giallo è 18.07%
  • Il colore chiave è 2.35%
CMYK:
(22,0,18,2)
C22M0Y18K2 
(22%,0%,18%,2%)
(0.22/0.00/0.18/0.02)	

Canali CMYK in percentuale

%22.09
%0
%18.07
%2.35

Codici del colore

Il #C2F9CC nei modelli di colore popolari.

C2F9CC
RGB194249204
HSL131°82.09%86.86%
HSB/HSV131°22.09%97.65%
CMYK22.09%0.00%18.07%
2.35%

Il #C2F9CC nei modelli numerici popolari.

EsadicemaleC2F9CC
Decimale194249204
Binario110000101111100111001100
Ottale302371314

Tonalita del colore

Tonalità scure del colore #C2F9CC

#C2F9CC
(194,249,204)
#B1E3BA
(177,227,186)
#A0CDA8
(160,205,168)
#8FB796
(143,183,150)
#7EA184
(126,161,132)
#6D8B72
(109,139,114)
#5C7560
(92,117,96)
#4B5F4E
(75,95,78)
#3A493C
(58,73,60)
#29332A
(41,51,42)
#181D18
(24,29,24)
#000000
(0,0,0)

Tonalità chiare del colore #C2F9CC

#C2F9CC
(194,249,204)
#C7F9D0
(199,249,208)
#CCF9D4
(204,249,212)
#D1F9D8
(209,249,216)
#D6F9DC
(214,249,220)
#DBF9E0
(219,249,224)
#E0F9E4
(224,249,228)
#E5F9E8
(229,249,232)
#EAF9EC
(234,249,236)
#EFF9F0
(239,249,240)
#F4F9F4
(244,249,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #C2F9CC. Utilizzate rgb(194,249,204) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #C2F9CC; }

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

Il colore di questo testo è #C2F9CC.


Colore dello sfondo

.myBgColor { background-color: #C2F9CC; }

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

Questo div ha lo sfondo di colore #C2F9CC.


Colore del bordo

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

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

Questo div ha i bordi di colore C2F9CC.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #C2F9CC.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #C2F9CC;
-webkit-box-shadow: 1px 1px 3px 2px #C2F9CC;
box-shadow:1px 1px 3px 2px #C2F9CC;">
Div content here</div>
Questo div ha l'ombra di colore #C2F9CC.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #C2F9CC

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


Esempio del testo bianco sullo sfondo del colore #C2F9CC

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