FARBE #2F5E43

HEX: #2F5E43
RGB: (47,94,67)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #2F5E43 wird in RGB als (47,94,67) definiert.

  • Rot hat einen Wert von 47;
  • Grün hat einen Wert von 94;
  • Blau hat einen Wert von 67.
RGB:
(47,94,67)
(18%,37%,26%)

Kanäle in RGB und Sättigung

R 47 von 255 = 18%
G 94 von 255 = 37%
B 67 von 255 = 26%

47
94
67

R + G + B ~ 27%. #2F5E43 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
47 + 94 + 67 = 208 (100%)
R 47 von 208 ~ 22.6%
G 94 von 208 ~ 45.19%
B 67 von 208 ~ 32.21%

%22.6
%45.19
%32.21

Farbmodell CMYK

Die Farbe #2F5E43 wird in CMYK als (50,0,29,63) definiert.

  • Cyan hat einen Wert von 50.00%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 28.72%
  • Schlüsselfarbe hat einen Wert von 63.14%
CMYK:
(50,0,29,63)
C50M0Y29K63 
(50%,0%,29%,63%)
(0.50/0.00/0.29/0.63)	

CMYK-Kanäle in Prozent

%50
%0
%28.72
%63.14

Farbcodes

Farbe #2F5E43 in den populären Farbmodellen.

2F5E43
RGB479467
HSL146°33.33%27.65%
HSB/HSV146°50.00%36.86%
CMYK50.00%0.00%28.72%
63.14%

Die Farbe #2F5E43 in den populären Zahlensystemen.

Hexadezimal2F5E43
Dezimal479467
Binär10111110111101000011
Oktal57136103

Farbtöne

Dunkle Töne der Farbe #2F5E43

#2F5E43
(47,94,67)
#2B563D
(43,86,61)
#274E37
(39,78,55)
#234631
(35,70,49)
#1F3E2B
(31,62,43)
#1B3625
(27,54,37)
#172E1F
(23,46,31)
#132619
(19,38,25)
#0F1E13
(15,30,19)
#0B160D
(11,22,13)
#070E07
(7,14,7)
#000000
(0,0,0)

Helle Töne der Farbe #2F5E43

#2F5E43
(47,94,67)
#416C54
(65,108,84)
#537A65
(83,122,101)
#658876
(101,136,118)
#779687
(119,150,135)
#89A498
(137,164,152)
#9BB2A9
(155,178,169)
#ADC0BA
(173,192,186)
#BFCECB
(191,206,203)
#D1DCDC
(209,220,220)
#E3EAED
(227,234,237)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #2F5E43. Bitte benutzen Sie auch rgb(47,94,67) statt hex-Code.

Textfarbe

.myTextColor { color: #2F5E43; }

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

Die Farbe dieses Textes ist #2F5E43.


Hintergrundfarbe

.myBgColor { background-color: #2F5E43; }

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

Der Hintergrund von diesem div ist in Farbe #2F5E43.


Grenzfarbe

.myBorderColor { border: 1px solid #2F5E43; }

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

Die Grenzen von diesem div sind in Farbe #2F5E43.


Transparenz

.myOpacity80 { color: #2F5E43; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #2F5E43.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #2F5E43

Dieser Text ist schwarz auf dem Hintergrund in Farbe #2F5E43.


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

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