Colore #84CEE9, codici hex ed rgb, esempi

Informazioni

Il colore #84CEE9 contiene principalmente il verde e il blu. Per il #84CEE9 il colore web safe è #99CCFF (#9CF).

Modello di colore RGB

Il colore 84CEE9 in RGB è definito come 132,206,233

Il rosso è 132;
Il verde è 206;
Il blu è 233.

RGB:
(132,206,233)
(52%,81%,91%)

Rapporto dei colori in RGB

R 132 da 255 = 52%
G 206 da 255 = 81%
B 233 da 255 = 91%

132

206

233

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

Canali RGB in percentuale

R + G + B =
132 + 206 + 233 = 571 (100%)
R 132 da 571 ~ 23.12%
G 206 da 571 ~ 36.08%
B 233 da 571 ~ 40.81%

%23.12

%36.08

%40.81

Modello di colore CMYK

Il colore #84CEE9 in CMYK è definito come 43,12,0,9.

Il color verde blu è 43.35%
Il color magenta è 11.59%
Il giallo è 0.00%
Il colore chiave è 8.63%

CMYK:
(43,12,0,9)
C43M12Y0K9 
(43%,12%,0%,9%)
(0.43/0.12/0.00/0.09)

Canali CMYK in percentuale

%43.35

%11.59

%8.63

Codici del colore

Il #84CEE9 nei modelli di colore popolari.

	84	CE	E9
RGB	132	206	233
HSL	196°	69.66%	71.57%
HSB/HSV	196°	43.35%	91.37%
CMYK	43.35%	11.59%	0.00%
CMYK	8.63%

Il #84CEE9 nei modelli numerici popolari.

Esadicemale	84	CE	E9
Decimale	132	206	233
Binario	10000100	11001110	11101001
Ottale	204	316	351

Tonalita del colore

Tonalità scure del colore #84CEE9

#84CEE9
(132,206,233)

#78BCD4
(120,188,212)

#6CAABF
(108,170,191)

#6098AA
(96,152,170)

#548695
(84,134,149)

#487480
(72,116,128)

#3C626B
(60,98,107)

#305056
(48,80,86)

#243E41
(36,62,65)

#182C2C
(24,44,44)

#0C1A17
(12,26,23)

#000000
(0,0,0)

Tonalità chiare del colore #84CEE9

#84CEE9
(132,206,233)

#8FD2EB
(143,210,235)

#9AD6ED
(154,214,237)

#A5DAEF
(165,218,239)

#B0DEF1
(176,222,241)

#BBE2F3
(187,226,243)

#C6E6F5
(198,230,245)

#D1EAF7
(209,234,247)

#DCEEF9
(220,238,249)

#E7F2FB
(231,242,251)

#F2F6FD
(242,246,253)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #84CEE9. Utilizzate rgb(132,206,233) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #84CEE9; }

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

Il colore di questo testo è #84CEE9.

Colore dello sfondo

.myBgColor { background-color: #84CEE9; }

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

Questo div ha lo sfondo di colore #84CEE9.

Colore del bordo

.myBorderColor { border: 1px solid #84CEE9; }

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

Questo div ha i bordi di colore 84CEE9.

Trasparenza

.myOpacity80 { color: #84CEE9; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #84CEE9.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #84CEE9.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #84CEE9 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #84CEE9 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #84CEE9

Questo è un testo nero sullo sfondo del colore #84CEE9.

Esempio del testo bianco sullo sfondo del colore #84CEE9

Questo è un testo bianco sullo sfondo del colore #84CEE9.

COLORE #84CEE9