COLORE #9EA5B4

HEX: #9EA5B4 RGB: (158,165,180)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #9EA5B4 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #9EA5B4 il colore web safe è #9999CC (#99C).

Modello di colore RGB

Il colore 9EA5B4 in RGB è definito come 158,165,180

Il rosso è 158;
Il verde è 165;
Il blu è 180.

RGB: (158,165,180) (62%, 65%, 71%)

Rapporto dei colori in RGB

R 158 da 255 = 62%
G 165 da 255 = 65%
B 180 da 255 = 71%

158

165

180

R + G + B ~ 66%. #9EA5B4 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 158 + 165 + 180 = 503 (100%)
R 158 da 503 ~ 31.41%
G 165 da 503 ~ 32.8%
B 180 da 503 ~ 35.79'%

%31.41

%32.8

%35.79

Modello di colore CMYK

Il colore #9EA5B4 in CMYK è definito come 12,8,0,29.

Il color verde blu è 12.22%
Il color magenta è 8.33%
Il giallo è 0.00%
Il colore chiave è 29.41%

CMYK: (12,8,0,29) C12M8Y0K29 (12%,8%,0%,29%) (0.12/0.08/0.00/0.29)

Canali CMYK in percentuale

%12.22

%8.33

%29.41

Codici del colore

Il #9EA5B4 nei modelli di colore popolari.

	9E	A5	B4
RGB	158	165	180
HSL	221°	12.79%	66.27%
HSB/HSV	221°	12.22%	70.59%
CMYK	12.22%	8.33%	0.00%
CMYK	29.41%

Il #9EA5B4 nei modelli numerici popolari.

Esadicemale	9E	A5	B4
Decimale	158	165	180
Binario	10011110	10100101	10110100
Ottale	236	245	264

Tonalita del colore

Tonalità scure del colore #9EA5B4

#9EA5B4
(158,165,180)

#9096A4
(144,150,164)

#828794
(130,135,148)

#747884
(116,120,132)

#666974
(102,105,116)

#585A64
(88,90,100)

#4A4B54
(74,75,84)

#3C3C44
(60,60,68)

#2E2D34
(46,45,52)

#201E24
(32,30,36)

#120F14
(18,15,20)

#000000
(0,0,0)

Tonalità chiare del colore #9EA5B4

#9EA5B4
(158,165,180)

#A6ADBA
(166,173,186)

#AEB5C0
(174,181,192)

#B6BDC6
(182,189,198)

#BEC5CC
(190,197,204)

#C6CDD2
(198,205,210)

#CED5D8
(206,213,216)

#D6DDDE
(214,221,222)

#DEE5E4
(222,229,228)

#E6EDEA
(230,237,234)

#EEF5F0
(238,245,240)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #9EA5B4. Utilizzate rgb(158,165,180) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #9EA5B4; }

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

Il colore di questo testo è #9EA5B4.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #9EA5B4.

Colore del bordo

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

Questo div ha i bordi di colore 9EA5B4.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #9EA5B4.