FARBE #374F6F

HEX: #374F6F
RGB: (55,79,111)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #374F6F wird in RGB als (55,79,111) definiert.

  • Rot hat einen Wert von 55;
  • Grün hat einen Wert von 79;
  • Blau hat einen Wert von 111.
RGB: (55,79,111) (22%,31%,44%)

Kanäle in RGB und Sättigung

R 55 von 255 = 22%
G 79 von 255 = 31%
B 111 von 255 = 44%

55
79
111

R + G + B ~ 32%. #374F6F ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
55 + 79 + 111 = 245 (100%)
R 55 von 245 ~ 22.45%
G 79 von 245 ~ 32.24%
B 111 von 245 ~ 45.31%

%22.45
%32.24
%45.31

Farbmodell CMYK

Die Farbe #374F6F wird in CMYK als (50,29,0,56) definiert.

  • Cyan hat einen Wert von 50.45%
  • Magenta hat einen Wert von 28.83%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 56.47%
CMYK: (50,29,0,56) C50M29Y0K56 (50%,29%,0%,56%) (0.50/0.29/0.00/0.56)

CMYK-Kanäle in Prozent

%50.45
%28.83
%0
%56.47

Farbcodes

Farbe #374F6F in den populären Farbmodellen.

374F6F
RGB5579111
HSL214°33.73%32.55%
HSB/HSV214°50.45%43.53%
CMYK50.45%28.83%0.00%
56.47%

Die Farbe #374F6F in den populären Zahlensystemen.

Hexadezimal374F6F
Dezimal5579111
Binär11011110011111101111
Oktal67117157

Farbtöne

Dunkle Töne der Farbe #374F6F

#374F6F
(55,79,111)
#324865
(50,72,101)
#2D415B
(45,65,91)
#283A51
(40,58,81)
#233347
(35,51,71)
#1E2C3D
(30,44,61)
#192533
(25,37,51)
#141E29
(20,30,41)
#0F171F
(15,23,31)
#0A1015
(10,16,21)
#05090B
(5,9,11)
#000000
(0,0,0)

Helle Töne der Farbe #374F6F

#374F6F
(55,79,111)
#495F7C
(73,95,124)
#5B6F89
(91,111,137)
#6D7F96
(109,127,150)
#7F8FA3
(127,143,163)
#919FB0
(145,159,176)
#A3AFBD
(163,175,189)
#B5BFCA
(181,191,202)
#C7CFD7
(199,207,215)
#D9DFE4
(217,223,228)
#EBEFF1
(235,239,241)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #374F6F. Bitte benutzen Sie auch rgb(55,79,111) statt hex-Code.

Textfarbe

.myTextColor { color: #374F6F; }

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

Die Farbe dieses Textes ist #374F6F.


Hintergrundfarbe

.myBgColor { background-color: #374F6F; }

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

Der Hintergrund von diesem div ist in Farbe #374F6F.


Grenzfarbe

.myBorderColor { border: 1px solid #374F6F; }

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

Die Grenzen von diesem div sind in Farbe #374F6F.


Transparenz

.myOpacity80 { color: #374F6F; opacity: 0.8; }

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

Text in Farbe #374F6F 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 #374F6F;}

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

Dieser Text hat den Schatten in Farbe #374F6F.

.textShadow {text-shadow: 3px 3px 1px #374F6F, 3px 3px 1px red;}

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

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


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

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

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


Farbe des Schattens vom div-Element

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #374F6F

Dieser Text ist schwarz auf dem Hintergrund in Farbe #374F6F.


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

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