COLORE #687A75

HEX: #687A75 RGB: (104,122,117)

Informazioni

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

Modello di colore RGB

Il colore 687A75 in RGB è definito come 104,122,117

RGB: (104,122,117) (41%, 48%, 46%)

Rapporto dei colori in RGB

R 104 da 255 = 41%
G 122 da 255 = 48%
B 117 da 255 = 46%

104
122
117

R + G + B ~ 45%. #687A75 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 104 + 122 + 117 = 343 (100%)
R 104 da 343 ~ 30.32%
G 122 da 343 ~ 35.57%
B 117 da 343 ~ 34.11'%

%30.32
%35.57
%34.11

Modello di colore CMYK

Il colore #687A75 in CMYK è definito come 15,0,4,52.

  • Il color verde blu è 14.75%
  • Il color magenta è 0.00%
  • Il giallo è 4.10%
  • Il colore chiave è 52.16%

CMYK: (15,0,4,52)
C15M0Y4K52 (15%, 0%, 4%, 52%)
(0.15 / 0.00 / 0.04 / 0.52)

Canali CMYK in percentuale

%14.75
%0
%4.1
%52.16

Codici del colore

Il #687A75 nei modelli di colore popolari.

68 7A 75
RGB 104 122 117
HSL 163° 7.96% 44.31%
HSB/HSV 163° 14.75% 47.84%
CMYK 14.75% 0.00% 4.10%
52.16%

Il #687A75 nei modelli numerici popolari.

Esadicemale 68 7A 75
Decimale 104 122 117
Binario 1101000 1111010 1110101
Ottale 150 172 165

Tonalita del colore

Tonalità scure del colore #687A75

#687A75
(104,122,117)
#5F6F6B
(95,111,107)
#566461
(86,100,97)
#4D5957
(77,89,87)
#444E4D
(68,78,77)
#3B4343
(59,67,67)
#323839
(50,56,57)
#292D2F
(41,45,47)
#202225
(32,34,37)
#17171B
(23,23,27)
#0E0C11
(14,12,17)
#000000
(0,0,0)

Tonalità chiare del colore #687A75

#687A75
(104,122,117)
#758681
(117,134,129)
#82928D
(130,146,141)
#8F9E99
(143,158,153)
#9CAAA5
(156,170,165)
#A9B6B1
(169,182,177)
#B6C2BD
(182,194,189)
#C3CEC9
(195,206,201)
#D0DAD5
(208,218,213)
#DDE6E1
(221,230,225)
#EAF2ED
(234,242,237)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #687A75. Utilizzate rgb(104,122,117) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #687A75; }

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

Il colore di questo testo è #687A75.

Colore dello sfondo

.myBgColor { background-color: #687A75; }

<div style="background-color:#687A75">Inner text</div>

Questo div ha lo sfondo di colore #687A75.

Colore del bordo

.myBorderColor { border: 1px solid #687A75; }

<div style="border:3px solid #687A75">Div</div>

Questo div ha i bordi di colore 687A75.

Trasparenza

.myOpacity80 { color: #687A75; opacity: 0.8; }

<p style="color:#687A75;opacity:0.8;">80%</p>

Il testo di color #687A75 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 #687A75;}

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

Questo testo ha l'ombra di colore #687A75.


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

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

Questo testo ha l'ombra del colore principale #687A75 e del colore secondario rosso.


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

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

This text has shadow with #687A75 and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #687A75.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #687A75 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #687A75 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #687A75

Questo è un testo nero sullo sfondo del colore #687A75.


Esempio del testo bianco sullo sfondo del colore #687A75

Questo è un testo bianco sullo sfondo del colore #687A75.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #97858A..


I love getcolorcode.com

Triade di colore

1 #75687A and #7A7568 with #687A75 are triadic colors.

2 #757A68 and #7A6875 with #687A75 are triadic colors.