Colore #35B0D4, codici hex ed rgb, esempi

Informazioni

Il colore #35B0D4 contiene principalmente il verde e il blu. Per il #35B0D4 il colore web safe è #3399CC (#39C).

Modello di colore RGB

Il colore 35B0D4 in RGB è definito come 53,176,212

Il rosso è 53;
Il verde è 176;
Il blu è 212.

RGB:
(53,176,212)
(21%,69%,83%)

Rapporto dei colori in RGB

R 53 da 255 = 21%
G 176 da 255 = 69%
B 212 da 255 = 83%

176

212

R + G + B ~ 58%. #35B0D4 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
53 + 176 + 212 = 441 (100%)
R 53 da 441 ~ 12.02%
G 176 da 441 ~ 39.91%
B 212 da 441 ~ 48.07%

%12.02

%39.91

%48.07

Modello di colore CMYK

Il colore #35B0D4 in CMYK è definito come 75,17,0,17.

Il color verde blu è 75.00%
Il color magenta è 16.98%
Il giallo è 0.00%
Il colore chiave è 16.86%

CMYK:
(75,17,0,17)
C75M17Y0K17 
(75%,17%,0%,17%)
(0.75/0.17/0.00/0.17)

Canali CMYK in percentuale

%75

%16.98

%16.86

Codici del colore

Il #35B0D4 nei modelli di colore popolari.

	35	B0	D4
RGB	53	176	212
HSL	194°	64.90%	51.96%
HSB/HSV	194°	75.00%	83.14%
CMYK	75.00%	16.98%	0.00%
CMYK	16.86%

Il #35B0D4 nei modelli numerici popolari.

Esadicemale	35	B0	D4
Decimale	53	176	212
Binario	110101	10110000	11010100
Ottale	65	260	324

Tonalita del colore

Tonalità scure del colore #35B0D4

#35B0D4
(53,176,212)

#31A0C1
(49,160,193)

#2D90AE
(45,144,174)

#29809B
(41,128,155)

#257088
(37,112,136)

#216075
(33,96,117)

#1D5062
(29,80,98)

#19404F
(25,64,79)

#15303C
(21,48,60)

#112029
(17,32,41)

#0D1016
(13,16,22)

#000000
(0,0,0)

Tonalità chiare del colore #35B0D4

#35B0D4
(53,176,212)

#47B7D7
(71,183,215)

#59BEDA
(89,190,218)

#6BC5DD
(107,197,221)

#7DCCE0
(125,204,224)

#8FD3E3
(143,211,227)

#A1DAE6
(161,218,230)

#B3E1E9
(179,225,233)

#C5E8EC
(197,232,236)

#D7EFEF
(215,239,239)

#E9F6F2
(233,246,242)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #35B0D4. Utilizzate rgb(53,176,212) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #35B0D4; }

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

Il colore di questo testo è #35B0D4.

Colore dello sfondo

.myBgColor { background-color: #35B0D4; }

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

Questo div ha lo sfondo di colore #35B0D4.

Colore del bordo

.myBorderColor { border: 1px solid #35B0D4; }

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

Questo div ha i bordi di colore 35B0D4.

Trasparenza

.myOpacity80 { color: #35B0D4; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #35B0D4.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #35B0D4.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #35B0D4 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #35B0D4 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #35B0D4

Questo è un testo nero sullo sfondo del colore #35B0D4.

Esempio del testo bianco sullo sfondo del colore #35B0D4

Questo è un testo bianco sullo sfondo del colore #35B0D4.

COLORE #35B0D4