COLORE #76AEB0

HEX: #76AEB0
RGB: (118,174,176)

Informazioni

Il colore #76AEB0 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #76AEB0 il colore web safe è #669999 (#699).

Modello di colore RGB

Il colore 76AEB0 in RGB è definito come 118,174,176

  • Il rosso è 118;
  • Il verde è 174;
  • Il blu è 176.
RGB:
(118,174,176)
(46%,68%,69%)

Rapporto dei colori in RGB

R 118 da 255 = 46%
G 174 da 255 = 68%
B 176 da 255 = 69%

118
174
176

R + G + B ~ 61%. #76AEB0 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
118 + 174 + 176 = 468 (100%)
R 118 da 468 ~ 25.21%
G 174 da 468 ~ 37.18%
B 176 da 468 ~ 37.61%

%25.21
%37.18
%37.61

Modello di colore CMYK

Il colore #76AEB0 in CMYK è definito come 33,1,0,31.

  • Il color verde blu è 32.95%
  • Il color magenta è 1.14%
  • Il giallo è 0.00%
  • Il colore chiave è 30.98%
CMYK:
(33,1,0,31)
C33M1Y0K31 
(33%,1%,0%,31%)
(0.33/0.01/0.00/0.31)	

Canali CMYK in percentuale

%32.95
%1.14
%0
%30.98

Codici del colore

Il #76AEB0 nei modelli di colore popolari.

76AEB0
RGB118174176
HSL182°26.85%57.65%
HSB/HSV182°32.95%69.02%
CMYK32.95%1.14%0.00%
30.98%

Il #76AEB0 nei modelli numerici popolari.

Esadicemale76AEB0
Decimale118174176
Binario11101101010111010110000
Ottale166256260

Tonalita del colore

Tonalità scure del colore #76AEB0

#76AEB0
(118,174,176)
#6C9FA0
(108,159,160)
#629090
(98,144,144)
#588180
(88,129,128)
#4E7270
(78,114,112)
#446360
(68,99,96)
#3A5450
(58,84,80)
#304540
(48,69,64)
#263630
(38,54,48)
#1C2720
(28,39,32)
#121810
(18,24,16)
#000000
(0,0,0)

Tonalità chiare del colore #76AEB0

#76AEB0
(118,174,176)
#82B5B7
(130,181,183)
#8EBCBE
(142,188,190)
#9AC3C5
(154,195,197)
#A6CACC
(166,202,204)
#B2D1D3
(178,209,211)
#BED8DA
(190,216,218)
#CADFE1
(202,223,225)
#D6E6E8
(214,230,232)
#E2EDEF
(226,237,239)
#EEF4F6
(238,244,246)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #76AEB0. Utilizzate rgb(118,174,176) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #76AEB0; }

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

Il colore di questo testo è #76AEB0.


Colore dello sfondo

.myBgColor { background-color: #76AEB0; }

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

Questo div ha lo sfondo di colore #76AEB0.


Colore del bordo

.myBorderColor { border: 1px solid #76AEB0; }

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

Questo div ha i bordi di colore 76AEB0.


Trasparenza

.myOpacity80 { color: #76AEB0; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #76AEB0.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #76AEB0 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #76AEB0 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #76AEB0

Questo è un testo nero sullo sfondo del colore #76AEB0.


Esempio del testo bianco sullo sfondo del colore #76AEB0

Questo è un testo bianco sullo sfondo del colore #76AEB0.