FARBE #506954

HEX: #506954
RGB: (80,105,84)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #506954 wird in RGB als (80,105,84) definiert.

  • Rot hat einen Wert von 80;
  • Grün hat einen Wert von 105;
  • Blau hat einen Wert von 84.
RGB:
(80,105,84)
(31%,41%,33%)

Kanäle in RGB und Sättigung

R 80 von 255 = 31%
G 105 von 255 = 41%
B 84 von 255 = 33%

80
105
84

R + G + B ~ 35%. #506954 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
80 + 105 + 84 = 269 (100%)
R 80 von 269 ~ 29.74%
G 105 von 269 ~ 39.03%
B 84 von 269 ~ 31.23%

%29.74
%39.03
%31.23

Farbmodell CMYK

Die Farbe #506954 wird in CMYK als (24,0,20,59) definiert.

  • Cyan hat einen Wert von 23.81%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 20.00%
  • Schlüsselfarbe hat einen Wert von 58.82%
CMYK:
(24,0,20,59)
C24M0Y20K59 
(24%,0%,20%,59%)
(0.24/0.00/0.20/0.59)	

CMYK-Kanäle in Prozent

%23.81
%0
%20
%58.82

Farbcodes

Farbe #506954 in den populären Farbmodellen.

506954
RGB8010584
HSL130°13.51%36.27%
HSB/HSV130°23.81%41.18%
CMYK23.81%0.00%20.00%
58.82%

Die Farbe #506954 in den populären Zahlensystemen.

Hexadezimal506954
Dezimal8010584
Binär101000011010011010100
Oktal120151124

Farbtöne

Dunkle Töne der Farbe #506954

#506954
(80,105,84)
#49604D
(73,96,77)
#425746
(66,87,70)
#3B4E3F
(59,78,63)
#344538
(52,69,56)
#2D3C31
(45,60,49)
#26332A
(38,51,42)
#1F2A23
(31,42,35)
#18211C
(24,33,28)
#111815
(17,24,21)
#0A0F0E
(10,15,14)
#000000
(0,0,0)

Helle Töne der Farbe #506954

#506954
(80,105,84)
#5F7663
(95,118,99)
#6E8372
(110,131,114)
#7D9081
(125,144,129)
#8C9D90
(140,157,144)
#9BAA9F
(155,170,159)
#AAB7AE
(170,183,174)
#B9C4BD
(185,196,189)
#C8D1CC
(200,209,204)
#D7DEDB
(215,222,219)
#E6EBEA
(230,235,234)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #506954. Bitte benutzen Sie auch rgb(80,105,84) statt hex-Code.

Textfarbe

.myTextColor { color: #506954; }

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

Die Farbe dieses Textes ist #506954.


Hintergrundfarbe

.myBgColor { background-color: #506954; }

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

Der Hintergrund von diesem div ist in Farbe #506954.


Grenzfarbe

.myBorderColor { border: 1px solid #506954; }

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

Die Grenzen von diesem div sind in Farbe #506954.


Transparenz

.myOpacity80 { color: #506954; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #506954.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #506954

Dieser Text ist schwarz auf dem Hintergrund in Farbe #506954.


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

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