FARBE #4F6167

HEX: #4F6167
RGB: (79,97,103)

Farbeninformationen

#4F6167 enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #4F6167 ist eine «websichere» Webfarbe #666666 (oder kurz #666).

Farbmodelle RGB

Die Farbe #4F6167 wird in RGB als (79,97,103) definiert.

  • Rot hat einen Wert von 79;
  • Grün hat einen Wert von 97;
  • Blau hat einen Wert von 103.
RGB:
(79,97,103)
(31%,38%,40%)

Kanäle in RGB und Sättigung

R 79 von 255 = 31%
G 97 von 255 = 38%
B 103 von 255 = 40%

79
97
103

R + G + B ~ 36%. #4F6167 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
79 + 97 + 103 = 279 (100%)
R 79 von 279 ~ 28.32%
G 97 von 279 ~ 34.77%
B 103 von 279 ~ 36.92%

%28.32
%34.77
%36.92

Farbmodell CMYK

Die Farbe #4F6167 wird in CMYK als (23,6,0,60) definiert.

  • Cyan hat einen Wert von 23.30%
  • Magenta hat einen Wert von 5.83%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 59.61%
CMYK:
(23,6,0,60)
C23M6Y0K60 
(23%,6%,0%,60%)
(0.23/0.06/0.00/0.60)	

CMYK-Kanäle in Prozent

%23.3
%5.83
%0
%59.61

Farbcodes

Farbe #4F6167 in den populären Farbmodellen.

4F6167
RGB7997103
HSL195°13.19%35.69%
HSB/HSV195°23.30%40.39%
CMYK23.30%5.83%0.00%
59.61%

Die Farbe #4F6167 in den populären Zahlensystemen.

Hexadezimal4F6167
Dezimal7997103
Binär100111111000011100111
Oktal117141147

Farbtöne

Dunkle Töne der Farbe #4F6167

#4F6167
(79,97,103)
#48595E
(72,89,94)
#415155
(65,81,85)
#3A494C
(58,73,76)
#334143
(51,65,67)
#2C393A
(44,57,58)
#253131
(37,49,49)
#1E2928
(30,41,40)
#17211F
(23,33,31)
#101916
(16,25,22)
#09110D
(9,17,13)
#000000
(0,0,0)

Helle Töne der Farbe #4F6167

#4F6167
(79,97,103)
#5F6F74
(95,111,116)
#6F7D81
(111,125,129)
#7F8B8E
(127,139,142)
#8F999B
(143,153,155)
#9FA7A8
(159,167,168)
#AFB5B5
(175,181,181)
#BFC3C2
(191,195,194)
#CFD1CF
(207,209,207)
#DFDFDC
(223,223,220)
#EFEDE9
(239,237,233)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #4F6167. Bitte benutzen Sie auch rgb(79,97,103) statt hex-Code.

Textfarbe

.myTextColor { color: #4F6167; }

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

Die Farbe dieses Textes ist #4F6167.


Hintergrundfarbe

.myBgColor { background-color: #4F6167; }

<div style="background-color:#4F6167">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #4F6167.


Grenzfarbe

.myBorderColor { border: 1px solid #4F6167; }

<div style="border:3px solid #4F6167">Div</div>

Die Grenzen von diesem div sind in Farbe #4F6167.


Transparenz

.myOpacity80 { color: #4F6167; opacity: 0.8; }

<p style="color:#4F6167;opacity:0.8;">80%</p>

Text in Farbe #4F6167 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 #4F6167;}

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

Dieser Text hat den Schatten in Farbe #4F6167.

.textShadow {text-shadow: 3px 3px 1px #4F6167, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #4F6167 und zusätzlichem Rot.


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

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

This text has shadow with #4F6167 and red colors in old Internet Explorer.


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #4F6167 auf dem schwarzen Hintergrund.


Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #4F6167 auf dem weißen Hintergrund.



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #4F6167

Dieser Text ist schwarz auf dem Hintergrund in Farbe #4F6167.


Beispiel eines weißen Textes auf dem Hintergrund in Farbe #4F6167

Dieser Text ist weiß auf dem Hintergrund in Farbe #4F6167.