COLORE #676F7A

HEX: #676F7A RGB: (103,111,122)

Informazioni

Il colore #676F7A contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #676F7A il colore web safe è #666666 (#666).

Modello di colore RGB

Il colore 676F7A in RGB è definito come 103,111,122

RGB: (103,111,122) (40%, 44%, 48%)

Rapporto dei colori in RGB

R 103 da 255 = 40%
G 111 da 255 = 44%
B 122 da 255 = 48%

103
111
122

R + G + B ~ 44%. #676F7A colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 103 + 111 + 122 = 336 (100%)
R 103 da 336 ~ 30.65%
G 111 da 336 ~ 33.04%
B 122 da 336 ~ 36.31'%

%30.65
%33.04
%36.31

Modello di colore CMYK

Il colore #676F7A in CMYK è definito come 16,9,0,52.

  • Il color verde blu è 15.57%
  • Il color magenta è 9.02%
  • Il giallo è 0.00%
  • Il colore chiave è 52.16%

CMYK: (16,9,0,52)
C16M9Y0K52 (16%, 9%, 0%, 52%)
(0.16 / 0.09 / 0.00 / 0.52)

Canali CMYK in percentuale

%15.57
%9.02
%0
%52.16

Codici del colore

Il #676F7A nei modelli di colore popolari.

67 6F 7A
RGB 103 111 122
HSL 215° 8.44% 44.12%
HSB/HSV 215° 15.57% 47.84%
CMYK 15.57% 9.02% 0.00%
52.16%

Il #676F7A nei modelli numerici popolari.

Esadicemale 67 6F 7A
Decimale 103 111 122
Binario 1100111 1101111 1111010
Ottale 147 157 172

Tonalita del colore

Tonalità scure del colore #676F7A

#676F7A
(103,111,122)
#5E656F
(94,101,111)
#555B64
(85,91,100)
#4C5159
(76,81,89)
#43474E
(67,71,78)
#3A3D43
(58,61,67)
#313338
(49,51,56)
#28292D
(40,41,45)
#1F1F22
(31,31,34)
#161517
(22,21,23)
#0D0B0C
(13,11,12)
#000000
(0,0,0)

Tonalità chiare del colore #676F7A

#676F7A
(103,111,122)
#747C86
(116,124,134)
#818992
(129,137,146)
#8E969E
(142,150,158)
#9BA3AA
(155,163,170)
#A8B0B6
(168,176,182)
#B5BDC2
(181,189,194)
#C2CACE
(194,202,206)
#CFD7DA
(207,215,218)
#DCE4E6
(220,228,230)
#E9F1F2
(233,241,242)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #676F7A. Utilizzate rgb(103,111,122) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #676F7A; }

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

Il colore di questo testo è #676F7A.

Colore dello sfondo

.myBgColor { background-color: #676F7A; }

<div style="background-color:#676F7A">Inner text</div>

Questo div ha lo sfondo di colore #676F7A.

Colore del bordo

.myBorderColor { border: 1px solid #676F7A; }

<div style="border:3px solid #676F7A">Div</div>

Questo div ha i bordi di colore 676F7A.

Trasparenza

.myOpacity80 { color: #676F7A; opacity: 0.8; }

<p style="color:#676F7A;opacity:0.8;">80%</p>

Il testo di color #676F7A 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 #676F7A;}

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

Questo testo ha l'ombra di colore #676F7A.


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

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

Questo testo ha l'ombra del colore principale #676F7A e del colore secondario rosso.


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

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

This text has shadow with #676F7A and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #676F7A.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #676F7A sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #676F7A sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #676F7A

Questo è un testo nero sullo sfondo del colore #676F7A.


Esempio del testo bianco sullo sfondo del colore #676F7A

Questo è un testo bianco sullo sfondo del colore #676F7A.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #989085..


I love getcolorcode.com

Triade di colore

1 #7A676F and #6F7A67 with #676F7A are triadic colors.

2 #7A6F67 and #6F677A with #676F7A are triadic colors.