COLORE #9CE2D6

HEX: #9CE2D6
RGB: (156,226,214)

Informazioni

Il colore #9CE2D6 contiene principalmente il verde e il blu. Per il #9CE2D6 il colore web safe è #99CCCC (#9CC).

Modello di colore RGB

Il colore 9CE2D6 in RGB è definito come 156,226,214

  • Il rosso è 156;
  • Il verde è 226;
  • Il blu è 214.
RGB:
(156,226,214)
(61%,89%,84%)

Rapporto dei colori in RGB

R 156 da 255 = 61%
G 226 da 255 = 89%
B 214 da 255 = 84%

156
226
214

R + G + B ~ 78%. #9CE2D6 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
156 + 226 + 214 = 596 (100%)
R 156 da 596 ~ 26.17%
G 226 da 596 ~ 37.92%
B 214 da 596 ~ 35.91%

%26.17
%37.92
%35.91

Modello di colore CMYK

Il colore #9CE2D6 in CMYK è definito come 31,0,5,11.

  • Il color verde blu è 30.97%
  • Il color magenta è 0.00%
  • Il giallo è 5.31%
  • Il colore chiave è 11.37%
CMYK:
(31,0,5,11)
C31M0Y5K11 
(31%,0%,5%,11%)
(0.31/0.00/0.05/0.11)	

Canali CMYK in percentuale

%30.97
%0
%5.31
%11.37

Codici del colore

Il #9CE2D6 nei modelli di colore popolari.

9CE2D6
RGB156226214
HSL170°54.69%74.90%
HSB/HSV170°30.97%88.63%
CMYK30.97%0.00%5.31%
11.37%

Il #9CE2D6 nei modelli numerici popolari.

Esadicemale9CE2D6
Decimale156226214
Binario100111001110001011010110
Ottale234342326

Tonalita del colore

Tonalità scure del colore #9CE2D6

#9CE2D6
(156,226,214)
#8ECEC3
(142,206,195)
#80BAB0
(128,186,176)
#72A69D
(114,166,157)
#64928A
(100,146,138)
#567E77
(86,126,119)
#486A64
(72,106,100)
#3A5651
(58,86,81)
#2C423E
(44,66,62)
#1E2E2B
(30,46,43)
#101A18
(16,26,24)
#000000
(0,0,0)

Tonalità chiare del colore #9CE2D6

#9CE2D6
(156,226,214)
#A5E4D9
(165,228,217)
#AEE6DC
(174,230,220)
#B7E8DF
(183,232,223)
#C0EAE2
(192,234,226)
#C9ECE5
(201,236,229)
#D2EEE8
(210,238,232)
#DBF0EB
(219,240,235)
#E4F2EE
(228,242,238)
#EDF4F1
(237,244,241)
#F6F6F4
(246,246,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #9CE2D6. Utilizzate rgb(156,226,214) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #9CE2D6; }

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

Il colore di questo testo è #9CE2D6.


Colore dello sfondo

.myBgColor { background-color: #9CE2D6; }

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

Questo div ha lo sfondo di colore #9CE2D6.


Colore del bordo

.myBorderColor { border: 1px solid #9CE2D6; }

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

Questo div ha i bordi di colore 9CE2D6.


Trasparenza

.myOpacity80 { color: #9CE2D6; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #9CE2D6.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #9CE2D6 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #9CE2D6 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #9CE2D6

Questo è un testo nero sullo sfondo del colore #9CE2D6.


Esempio del testo bianco sullo sfondo del colore #9CE2D6

Questo è un testo bianco sullo sfondo del colore #9CE2D6.