FARBE #687877

HEX: #687877 RGB: (104,120,119)

Farbeninformationen

#687877 enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #687877 ist eine «websichere» Webfarbe #666666 (oder kurz #666).

Farbmodelle RGB

Die Farbe #687877 wird in RGB als (104,120,119) definiert.

RGB: (104,120,119) (41%, 47%, 47%)

Kanäle in RGB und Sättigung

R 104 von 255 = 41%
G 120 von 255 = 47%
B 119 von 255 = 47%

104
120
119

R + G + B ~ 45%. #687877 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 104 + 120 + 119 = 343 (100%)
R 104 von 343 ~ 30.32%
G 120 von 343 ~ 34.99%
B 119 von 343 ~ 34.69'%

%30.32
%34.99
%34.69

Farbmodell CMYK

Die Farbe #687877 wird in CMYK als (13,0,1,53) definiert.

  • Cyan hat einen Wert von 13.33%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 0.83%
  • Schlüsselfarbe hat einen Wert von 52.94%
CMYK: (13,0,1,53) C13M0Y1K53 (13%,0%,1%,53%) (0.13/0.00/0.01/0.53) 

CMYK-Kanäle in Prozent

%13.33
%0
%0.83
%52.94

Farbcodes

Farbe #687877 in den populären Farbmodellen.

68 78 77
RGB 104 120 119
HSL 176° 7.14% 43.92%
HSB/HSV 176° 13.33% 47.06%
CMYK 13.33% 0.00% 0.83%
52.94%

Die Farbe #687877 in den populären Zahlensystemen.

Hexadezimal 68 78 77
Dezimal 104 120 119
Binär 1101000 1111000 1110111
Oktal 150 170 167

Farbtöne

Dunkle Töne der Farbe #687877

#687877
(104,120,119)
#5F6E6D
(95,110,109)
#566463
(86,100,99)
#4D5A59
(77,90,89)
#44504F
(68,80,79)
#3B4645
(59,70,69)
#323C3B
(50,60,59)
#293231
(41,50,49)
#202827
(32,40,39)
#171E1D
(23,30,29)
#0E1413
(14,20,19)
#000000
(0,0,0)

Helle Töne der Farbe #687877

#687877
(104,120,119)
#758483
(117,132,131)
#82908F
(130,144,143)
#8F9C9B
(143,156,155)
#9CA8A7
(156,168,167)
#A9B4B3
(169,180,179)
#B6C0BF
(182,192,191)
#C3CCCB
(195,204,203)
#D0D8D7
(208,216,215)
#DDE4E3
(221,228,227)
#EAF0EF
(234,240,239)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #687877. Bitte benutzen Sie auch rgb(104,120,119) statt hex-Code.

Textfarbe

.myTextColor { color: #687877; }

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

Die Farbe dieses Textes ist #687877.

Hintergrundfarbe

.myBgColor { background-color: #687877; }

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

Der Hintergrund von diesem div ist in Farbe #687877.

Grenzfarbe

.myBorderColor { border: 1px solid #687877; }

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

Die Grenzen von diesem div sind in Farbe #687877.

Transparenz

.myOpacity80 { color: #687877; opacity: 0.8; }

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

Text in Farbe #687877 und mit Transparenz 100% | 80% | 50% | 30%.

Hintergrund mit Transparenzgrad 100%.
Hintergrund mit Transparenzgrad 80%.
Hintergrund mit Transparenzgrad 50%.
Hintergrund mit Transparenzgrad 30%.

Farbe des Textschattens

.textShadow {text-shadow: 3px 3px 1px #687877;}

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

Dieser Text hat den Schatten in Farbe #687877.


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

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

Dieser Text hat den Schatten in Grundfarbe #687877 und zusätzlichem Rot.


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #687877.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #687877 auf dem schwarzen Hintergrund.


Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #687877 auf dem weißen Hintergrund.


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #687877

Dieser Text ist schwarz auf dem Hintergrund in Farbe #687877.


Beispiel eines weißen Textes auf dem Hintergrund in Farbe #687877

Dieser Text ist weiß auf dem Hintergrund in Farbe #687877.


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #978788.


I love getcolorcode.com

Farbtriade

1 #776878 und #787768 kombiniert mit #687877 sind eine Farbtriade.

2 #777868 und #786877 kombiniert mit #687877 sind eine Farbtriade.