FARBE #6679C2

HEX: #6679C2 RGB: (102,121,194)

Farbeninformationen

#6679C2 enthält hauptsächlich blaue Farbe. Für #6679C2 ist eine «websichere» Webfarbe #6666CC (oder kurz #66C).

Farbmodelle RGB

Die Farbe #6679C2 wird in RGB als (102,121,194) definiert.

RGB: (102,121,194) (40%, 47%, 76%)

Kanäle in RGB und Sättigung

R 102 von 255 = 40%
G 121 von 255 = 47%
B 194 von 255 = 76%

102
121
194

R + G + B ~ 54%. #6679C2 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 102 + 121 + 194 = 417 (100%)
R 102 von 417 ~ 24.46%
G 121 von 417 ~ 29.02%
B 194 von 417 ~ 46.52'%

%24.46
%29.02
%46.52

Farbmodell CMYK

Die Farbe #6679C2 wird in CMYK als (47,38,0,24) definiert.

  • Cyan hat einen Wert von 47.42%
  • Magenta hat einen Wert von 37.63%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 23.92%

CMYK: (47,38,0,24)
C47M38Y0K24 (47%, 38%, 0%, 24%)
(0.47 / 0.38 / 0.00 / 0.24)

CMYK-Kanäle in Prozent

%47.42
%37.63
%0
%23.92

Farbcodes

Farbe #6679C2 in den populären Farbmodellen.

66 79 C2
RGB 102 121 194
HSL 228° 42.99% 58.04%
HSB/HSV 228° 47.42% 76.08%
CMYK 47.42% 37.63% 0.00%
23.92%

Die Farbe #6679C2 in den populären Zahlensystemen.

Hexadezimal 66 79 C2
Dezimal 102 121 194
Binär 1100110 1111001 11000010
Oktal 146 171 302

Farbtöne

Dunkle Töne der Farbe #6679C2

#6679C2
(102,121,194)
#5D6EB1
(93,110,177)
#5463A0
(84,99,160)
#4B588F
(75,88,143)
#424D7E
(66,77,126)
#39426D
(57,66,109)
#30375C
(48,55,92)
#272C4B
(39,44,75)
#1E213A
(30,33,58)
#151629
(21,22,41)
#0C0B18
(12,11,24)
#000000
(0,0,0)

Helle Töne der Farbe #6679C2

#6679C2
(102,121,194)
#7385C7
(115,133,199)
#8091CC
(128,145,204)
#8D9DD1
(141,157,209)
#9AA9D6
(154,169,214)
#A7B5DB
(167,181,219)
#B4C1E0
(180,193,224)
#C1CDE5
(193,205,229)
#CED9EA
(206,217,234)
#DBE5EF
(219,229,239)
#E8F1F4
(232,241,244)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #6679C2. Bitte benutzen Sie auch rgb(102,121,194) statt hex-Code.

Textfarbe

.myTextColor { color: #6679C2; }

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

Die Farbe dieses Textes ist #6679C2.

Hintergrundfarbe

.myBgColor { background-color: #6679C2; }

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

Der Hintergrund von diesem div ist in Farbe #6679C2.

Grenzfarbe

.myBorderColor { border: 1px solid #6679C2; }

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

Die Grenzen von diesem div sind in Farbe #6679C2.

Transparenz

.myOpacity80 { color: #6679C2; opacity: 0.8; }

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

Text in Farbe #6679C2 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 #6679C2;}

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

Dieser Text hat den Schatten in Farbe #6679C2.


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

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #6679C2.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #6679C2

Dieser Text ist schwarz auf dem Hintergrund in Farbe #6679C2.


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #99863D.


I love getcolorcode.com

Farbtriade

1 #C26679 und #79C266 kombiniert mit #6679C2 sind eine Farbtriade.

2 #C27966 und #7966C2 kombiniert mit #6679C2 sind eine Farbtriade.