Farbe #344F9B, hex- und rgb-Codes, Beispiele

Farbeninformationen

#344F9B enthält hauptsächlich blaue Farbe. Für #344F9B ist eine «websichere» Webfarbe #336699 (oder kurz #369).

Farbmodelle RGB

Die Farbe #344F9B wird in RGB als (52,79,155) definiert.

Rot hat einen Wert von 52;
Grün hat einen Wert von 79;
Blau hat einen Wert von 155.

RGB:
(52,79,155)
(20%,31%,61%)

Kanäle in RGB und Sättigung

R 52 von 255 = 20%
G 79 von 255 = 31%
B 155 von 255 = 61%

155

R + G + B ~ 37%. #344F9B ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
52 + 79 + 155 = 286 (100%)
R 52 von 286 ~ 18.18%
G 79 von 286 ~ 27.62%
B 155 von 286 ~ 54.2%

%18.18

%27.62

%54.2

Farbmodell CMYK

Die Farbe #344F9B wird in CMYK als (66,49,0,39) definiert.

Cyan hat einen Wert von 66.45%
Magenta hat einen Wert von 49.03%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 39.22%

CMYK:
(66,49,0,39)
C66M49Y0K39 
(66%,49%,0%,39%)
(0.66/0.49/0.00/0.39)

CMYK-Kanäle in Prozent

%66.45

%49.03

%39.22

Farbcodes

Farbe #344F9B in den populären Farbmodellen.

	34	4F	9B
RGB	52	79	155
HSL	224°	49.76%	40.59%
HSB/HSV	224°	66.45%	60.78%
CMYK	66.45%	49.03%	0.00%
CMYK	39.22%

Die Farbe #344F9B in den populären Zahlensystemen.

Hexadezimal	34	4F	9B
Dezimal	52	79	155
Binär	110100	1001111	10011011
Oktal	64	117	233

Farbtöne

Dunkle Töne der Farbe #344F9B

#344F9B
(52,79,155)

#30488D
(48,72,141)

#2C417F
(44,65,127)

#283A71
(40,58,113)

#243363
(36,51,99)

#202C55
(32,44,85)

#1C2547
(28,37,71)

#181E39
(24,30,57)

#14172B
(20,23,43)

#10101D
(16,16,29)

#0C090F
(12,9,15)

#000000
(0,0,0)

Helle Töne der Farbe #344F9B

#344F9B
(52,79,155)

#465FA4
(70,95,164)

#586FAD
(88,111,173)

#6A7FB6
(106,127,182)

#7C8FBF
(124,143,191)

#8E9FC8
(142,159,200)

#A0AFD1
(160,175,209)

#B2BFDA
(178,191,218)

#C4CFE3
(196,207,227)

#D6DFEC
(214,223,236)

#E8EFF5
(232,239,245)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #344F9B. Bitte benutzen Sie auch rgb(52,79,155) statt hex-Code.

Textfarbe

.myTextColor { color: #344F9B; }

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

Die Farbe dieses Textes ist #344F9B.

Hintergrundfarbe

.myBgColor { background-color: #344F9B; }

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

Der Hintergrund von diesem div ist in Farbe #344F9B.

Grenzfarbe

.myBorderColor { border: 1px solid #344F9B; }

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

Die Grenzen von diesem div sind in Farbe #344F9B.

Transparenz

.myOpacity80 { color: #344F9B; opacity: 0.8; }

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

Text in Farbe #344F9B 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 #344F9B;}

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

Dieser Text hat den Schatten in Farbe #344F9B.

.textShadow {text-shadow: 3px 3px 1px #344F9B, 3px 3px 1px red;}

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #344F9B.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #344F9B

Dieser Text ist schwarz auf dem Hintergrund in Farbe #344F9B.

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

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

FARBE #344F9B