Farbe #688E9F, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #688E9F wird in RGB als (104,142,159) definiert.

Rot hat einen Wert von 104;
Grün hat einen Wert von 142;
Blau hat einen Wert von 159.

RGB:
(104,142,159)
(41%,56%,62%)

Kanäle in RGB und Sättigung

R 104 von 255 = 41%
G 142 von 255 = 56%
B 159 von 255 = 62%

104

142

159

R + G + B ~ 53%. #688E9F mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
104 + 142 + 159 = 405 (100%)
R 104 von 405 ~ 25.68%
G 142 von 405 ~ 35.06%
B 159 von 405 ~ 39.26%

%25.68

%35.06

%39.26

Farbmodell CMYK

Die Farbe #688E9F wird in CMYK als (35,11,0,38) definiert.

Cyan hat einen Wert von 34.59%
Magenta hat einen Wert von 10.69%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 37.65%

CMYK:
(35,11,0,38)
C35M11Y0K38 
(35%,11%,0%,38%)
(0.35/0.11/0.00/0.38)

CMYK-Kanäle in Prozent

%34.59

%10.69

%37.65

Farbcodes

Farbe #688E9F in den populären Farbmodellen.

	68	8E	9F
RGB	104	142	159
HSL	199°	22.27%	51.57%
HSB/HSV	199°	34.59%	62.35%
CMYK	34.59%	10.69%	0.00%
CMYK	37.65%

Die Farbe #688E9F in den populären Zahlensystemen.

Hexadezimal	68	8E	9F
Dezimal	104	142	159
Binär	1101000	10001110	10011111
Oktal	150	216	237

Farbtöne

Dunkle Töne der Farbe #688E9F

#688E9F
(104,142,159)

#5F8291
(95,130,145)

#567683
(86,118,131)

#4D6A75
(77,106,117)

#445E67
(68,94,103)

#3B5259
(59,82,89)

#32464B
(50,70,75)

#293A3D
(41,58,61)

#202E2F
(32,46,47)

#172221
(23,34,33)

#0E1613
(14,22,19)

#000000
(0,0,0)

Helle Töne der Farbe #688E9F

#688E9F
(104,142,159)

#7598A7
(117,152,167)

#82A2AF
(130,162,175)

#8FACB7
(143,172,183)

#9CB6BF
(156,182,191)

#A9C0C7
(169,192,199)

#B6CACF
(182,202,207)

#C3D4D7
(195,212,215)

#D0DEDF
(208,222,223)

#DDE8E7
(221,232,231)

#EAF2EF
(234,242,239)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #688E9F. Bitte benutzen Sie auch rgb(104,142,159) statt hex-Code.

Textfarbe

.myTextColor { color: #688E9F; }

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

Die Farbe dieses Textes ist #688E9F.

Hintergrundfarbe

.myBgColor { background-color: #688E9F; }

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

Der Hintergrund von diesem div ist in Farbe #688E9F.

Grenzfarbe

.myBorderColor { border: 1px solid #688E9F; }

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

Die Grenzen von diesem div sind in Farbe #688E9F.

Transparenz

.myOpacity80 { color: #688E9F; opacity: 0.8; }

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

Text in Farbe #688E9F 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 #688E9F;}

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

Dieser Text hat den Schatten in Farbe #688E9F.

.textShadow {text-shadow: 3px 3px 1px #688E9F, 3px 3px 1px red;}

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #688E9F.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #688E9F

Dieser Text ist schwarz auf dem Hintergrund in Farbe #688E9F.

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

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

FARBE #688E9F