FARBE #649CAC

HEX: #649CAC
RGB: (100,156,172)

Farbeninformationen

#649CAC enthält hauptsächlich grüne und blaue Farbe. Für #649CAC ist eine «websichere» Webfarbe #669999 (oder kurz #699).

Farbmodelle RGB

Die Farbe #649CAC wird in RGB als (100,156,172) definiert.

  • Rot hat einen Wert von 100;
  • Grün hat einen Wert von 156;
  • Blau hat einen Wert von 172.
RGB:
(100,156,172)
(39%,61%,67%)

Kanäle in RGB und Sättigung

R 100 von 255 = 39%
G 156 von 255 = 61%
B 172 von 255 = 67%

100
156
172

R + G + B ~ 56%. #649CAC mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
100 + 156 + 172 = 428 (100%)
R 100 von 428 ~ 23.36%
G 156 von 428 ~ 36.45%
B 172 von 428 ~ 40.19%

%23.36
%36.45
%40.19

Farbmodell CMYK

Die Farbe #649CAC wird in CMYK als (42,9,0,33) definiert.

  • Cyan hat einen Wert von 41.86%
  • Magenta hat einen Wert von 9.30%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 32.55%
CMYK:
(42,9,0,33)
C42M9Y0K33 
(42%,9%,0%,33%)
(0.42/0.09/0.00/0.33)

CMYK-Kanäle in Prozent

%41.86
%9.3
%0
%32.55

Farbcodes

Farbe #649CAC in den populären Farbmodellen.

649CAC
RGB100156172
HSL193°30.25%53.33%
HSB/HSV193°41.86%67.45%
CMYK41.86%9.30%0.00%
32.55%

Die Farbe #649CAC in den populären Zahlensystemen.

Hexadezimal649CAC
Dezimal100156172
Binär11001001001110010101100
Oktal144234254

Farbtöne

Dunkle Töne der Farbe #649CAC

#649CAC
(100,156,172)
#5B8E9D
(91,142,157)
#52808E
(82,128,142)
#49727F
(73,114,127)
#406470
(64,100,112)
#375661
(55,86,97)
#2E4852
(46,72,82)
#253A43
(37,58,67)
#1C2C34
(28,44,52)
#131E25
(19,30,37)
#0A1016
(10,16,22)
#000000
(0,0,0)

Helle Töne der Farbe #649CAC

#649CAC
(100,156,172)
#72A5B3
(114,165,179)
#80AEBA
(128,174,186)
#8EB7C1
(142,183,193)
#9CC0C8
(156,192,200)
#AAC9CF
(170,201,207)
#B8D2D6
(184,210,214)
#C6DBDD
(198,219,221)
#D4E4E4
(212,228,228)
#E2EDEB
(226,237,235)
#F0F6F2
(240,246,242)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #649CAC. Bitte benutzen Sie auch rgb(100,156,172) statt hex-Code.

Textfarbe

.myTextColor { color: #649CAC; }

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

Die Farbe dieses Textes ist #649CAC.


Hintergrundfarbe

.myBgColor { background-color: #649CAC; }

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

Der Hintergrund von diesem div ist in Farbe #649CAC.


Grenzfarbe

.myBorderColor { border: 1px solid #649CAC; }

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

Die Grenzen von diesem div sind in Farbe #649CAC.


Transparenz

.myOpacity80 { color: #649CAC; opacity: 0.8; }

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

Text in Farbe #649CAC 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 #649CAC;}

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

Dieser Text hat den Schatten in Farbe #649CAC.

.textShadow {text-shadow: 3px 3px 1px #649CAC, 3px 3px 1px red;}

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

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


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

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

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


Farbe des Schattens vom div-Element

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #649CAC;
-webkit-box-shadow: 1px 1px 3px 2px #649CAC;
box-shadow:1px 1px 3px 2px #649CAC;">
Div content here</div>
Dieses div hat den Schatten in Farbe #649CAC.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #649CAC

Dieser Text ist schwarz auf dem Hintergrund in Farbe #649CAC.


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

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