Colore #83CCB0, codici hex ed rgb, esempi

Informazioni

Il colore #83CCB0 contiene principalmente il verde e il blu. Per il #83CCB0 il colore web safe è #99CC99 (#9C9).

Modello di colore RGB

Il colore 83CCB0 in RGB è definito come 131,204,176

Il rosso è 131;
Il verde è 204;
Il blu è 176.

RGB:
(131,204,176)
(51%,80%,69%)

Rapporto dei colori in RGB

R 131 da 255 = 51%
G 204 da 255 = 80%
B 176 da 255 = 69%

131

204

176

R + G + B ~ 67%. #83CCB0 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
131 + 204 + 176 = 511 (100%)
R 131 da 511 ~ 25.64%
G 204 da 511 ~ 39.92%
B 176 da 511 ~ 34.44%

%25.64

%39.92

%34.44

Modello di colore CMYK

Il colore #83CCB0 in CMYK è definito come 36,0,14,20.

Il color verde blu è 35.78%
Il color magenta è 0.00%
Il giallo è 13.73%
Il colore chiave è 20.00%

CMYK:
(36,0,14,20)
C36M0Y14K20 
(36%,0%,14%,20%)
(0.36/0.00/0.14/0.20)

Canali CMYK in percentuale

%35.78

%13.73

%20

Codici del colore

Il #83CCB0 nei modelli di colore popolari.

	83	CC	B0
RGB	131	204	176
HSL	157°	41.71%	65.69%
HSB/HSV	157°	35.78%	80.00%
CMYK	35.78%	0.00%	13.73%
CMYK	20.00%

Il #83CCB0 nei modelli numerici popolari.

Esadicemale	83	CC	B0
Decimale	131	204	176
Binario	10000011	11001100	10110000
Ottale	203	314	260

Tonalita del colore

Tonalità scure del colore #83CCB0

#83CCB0
(131,204,176)

#78BAA0
(120,186,160)

#6DA890
(109,168,144)

#629680
(98,150,128)

#578470
(87,132,112)

#4C7260
(76,114,96)

#416050
(65,96,80)

#364E40
(54,78,64)

#2B3C30
(43,60,48)

#202A20
(32,42,32)

#151810
(21,24,16)

#000000
(0,0,0)

Tonalità chiare del colore #83CCB0

#83CCB0
(131,204,176)

#8ED0B7
(142,208,183)

#99D4BE
(153,212,190)

#A4D8C5
(164,216,197)

#AFDCCC
(175,220,204)

#BAE0D3
(186,224,211)

#C5E4DA
(197,228,218)

#D0E8E1
(208,232,225)

#DBECE8
(219,236,232)

#E6F0EF
(230,240,239)

#F1F4F6
(241,244,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #83CCB0. Utilizzate rgb(131,204,176) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #83CCB0; }

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

Il colore di questo testo è #83CCB0.

Colore dello sfondo

.myBgColor { background-color: #83CCB0; }

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

Questo div ha lo sfondo di colore #83CCB0.

Colore del bordo

.myBorderColor { border: 1px solid #83CCB0; }

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

Questo div ha i bordi di colore 83CCB0.

Trasparenza

.myOpacity80 { color: #83CCB0; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #83CCB0.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #83CCB0.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #83CCB0 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #83CCB0 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #83CCB0

Questo è un testo nero sullo sfondo del colore #83CCB0.

Esempio del testo bianco sullo sfondo del colore #83CCB0

Questo è un testo bianco sullo sfondo del colore #83CCB0.

COLORE #83CCB0