Farbe #334C16, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #334C16 wird in RGB als (51,76,22) definiert.

Rot hat einen Wert von 51;
Grün hat einen Wert von 76;
Blau hat einen Wert von 22.

RGB:
(51,76,22)
(20%,30%,9%)

Kanäle in RGB und Sättigung

R 51 von 255 = 20%
G 76 von 255 = 30%
B 22 von 255 = 9%

R + G + B ~ 20%. #334C16 dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
51 + 76 + 22 = 149 (100%)
R 51 von 149 ~ 34.23%
G 76 von 149 ~ 51.01%
B 22 von 149 ~ 14.77%

%34.23

%51.01

%14.77

Farbmodell CMYK

Die Farbe #334C16 wird in CMYK als (33,0,71,70) definiert.

Cyan hat einen Wert von 32.89%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 71.05%
Schlüsselfarbe hat einen Wert von 70.20%

CMYK:
(33,0,71,70)
C33M0Y71K70 
(33%,0%,71%,70%)
(0.33/0.00/0.71/0.70)

CMYK-Kanäle in Prozent

%32.89

%71.05

%70.2

Farbcodes

Farbe #334C16 in den populären Farbmodellen.

	33	4C	16
RGB	51	76	22
HSL	88°	55.10%	19.22%
HSB/HSV	88°	71.05%	29.80%
CMYK	32.89%	0.00%	71.05%
CMYK	70.20%

Die Farbe #334C16 in den populären Zahlensystemen.

Hexadezimal	33	4C	16
Dezimal	51	76	22
Binär	110011	1001100	10110
Oktal	63	114	26

Farbtöne

Dunkle Töne der Farbe #334C16

#334C16
(51,76,22)

#2F4614
(47,70,20)

#2B4012
(43,64,18)

#273A10
(39,58,16)

#23340E
(35,52,14)

#1F2E0C
(31,46,12)

#1B280A
(27,40,10)

#172208
(23,34,8)

#131C06
(19,28,6)

#0F1604
(15,22,4)

#0B1002
(11,16,2)

#000000
(0,0,0)

Helle Töne der Farbe #334C16

#334C16
(51,76,22)

#455C2B
(69,92,43)

#576C40
(87,108,64)

#697C55
(105,124,85)

#7B8C6A
(123,140,106)

#8D9C7F
(141,156,127)

#9FAC94
(159,172,148)

#B1BCA9
(177,188,169)

#C3CCBE
(195,204,190)

#D5DCD3
(213,220,211)

#E7ECE8
(231,236,232)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #334C16. Bitte benutzen Sie auch rgb(51,76,22) statt hex-Code.

Textfarbe

.myTextColor { color: #334C16; }

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

Die Farbe dieses Textes ist #334C16.

Hintergrundfarbe

.myBgColor { background-color: #334C16; }

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

Der Hintergrund von diesem div ist in Farbe #334C16.

Grenzfarbe

.myBorderColor { border: 1px solid #334C16; }

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

Die Grenzen von diesem div sind in Farbe #334C16.

Transparenz

.myOpacity80 { color: #334C16; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #334C16.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #334C16.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #334C16

Dieser Text ist schwarz auf dem Hintergrund in Farbe #334C16.

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

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

FARBE #334C16