Farbe #314A33, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #314A33 wird in RGB als (49,74,51) definiert.

Rot hat einen Wert von 49;
Grün hat einen Wert von 74;
Blau hat einen Wert von 51.

RGB:
(49,74,51)
(19%,29%,20%)

Kanäle in RGB und Sättigung

R 49 von 255 = 19%
G 74 von 255 = 29%
B 51 von 255 = 20%

R + G + B ~ 23%. #314A33 dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
49 + 74 + 51 = 174 (100%)
R 49 von 174 ~ 28.16%
G 74 von 174 ~ 42.53%
B 51 von 174 ~ 29.31%

%28.16

%42.53

%29.31

Farbmodell CMYK

Die Farbe #314A33 wird in CMYK als (34,0,31,71) definiert.

Cyan hat einen Wert von 33.78%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 31.08%
Schlüsselfarbe hat einen Wert von 70.98%

CMYK:
(34,0,31,71)
C34M0Y31K71 
(34%,0%,31%,71%)
(0.34/0.00/0.31/0.71)

CMYK-Kanäle in Prozent

%33.78

%31.08

%70.98

Farbcodes

Farbe #314A33 in den populären Farbmodellen.

	31	4A	33
RGB	49	74	51
HSL	125°	20.33%	24.12%
HSB/HSV	125°	33.78%	29.02%
CMYK	33.78%	0.00%	31.08%
CMYK	70.98%

Die Farbe #314A33 in den populären Zahlensystemen.

Hexadezimal	31	4A	33
Dezimal	49	74	51
Binär	110001	1001010	110011
Oktal	61	112	63

Farbtöne

Dunkle Töne der Farbe #314A33

#314A33
(49,74,51)

#2D442F
(45,68,47)

#293E2B
(41,62,43)

#253827
(37,56,39)

#213223
(33,50,35)

#1D2C1F
(29,44,31)

#19261B
(25,38,27)

#152017
(21,32,23)

#111A13
(17,26,19)

#0D140F
(13,20,15)

#090E0B
(9,14,11)

#000000
(0,0,0)

Helle Töne der Farbe #314A33

#314A33
(49,74,51)

#435A45
(67,90,69)

#556A57
(85,106,87)

#677A69
(103,122,105)

#798A7B
(121,138,123)

#8B9A8D
(139,154,141)

#9DAA9F
(157,170,159)

#AFBAB1
(175,186,177)

#C1CAC3
(193,202,195)

#D3DAD5
(211,218,213)

#E5EAE7
(229,234,231)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #314A33. Bitte benutzen Sie auch rgb(49,74,51) statt hex-Code.

Textfarbe

.myTextColor { color: #314A33; }

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

Die Farbe dieses Textes ist #314A33.

Hintergrundfarbe

.myBgColor { background-color: #314A33; }

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

Der Hintergrund von diesem div ist in Farbe #314A33.

Grenzfarbe

.myBorderColor { border: 1px solid #314A33; }

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

Die Grenzen von diesem div sind in Farbe #314A33.

Transparenz

.myOpacity80 { color: #314A33; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #314A33.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #314A33.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #314A33

Dieser Text ist schwarz auf dem Hintergrund in Farbe #314A33.

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

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

FARBE #314A33