Farbe #3B5B4A, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #3B5B4A wird in RGB als (59,91,74) definiert.

Rot hat einen Wert von 59;
Grün hat einen Wert von 91;
Blau hat einen Wert von 74.

RGB:
(59,91,74)
(23%,36%,29%)

Kanäle in RGB und Sättigung

R 59 von 255 = 23%
G 91 von 255 = 36%
B 74 von 255 = 29%

R + G + B ~ 29%. #3B5B4A ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
59 + 91 + 74 = 224 (100%)
R 59 von 224 ~ 26.34%
G 91 von 224 ~ 40.63%
B 74 von 224 ~ 33.04%

%26.34

%40.63

%33.04

Farbmodell CMYK

Die Farbe #3B5B4A wird in CMYK als (35,0,19,64) definiert.

Cyan hat einen Wert von 35.16%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 18.68%
Schlüsselfarbe hat einen Wert von 64.31%

CMYK:
(35,0,19,64)
C35M0Y19K64 
(35%,0%,19%,64%)
(0.35/0.00/0.19/0.64)

CMYK-Kanäle in Prozent

%35.16

%18.68

%64.31

Farbcodes

Farbe #3B5B4A in den populären Farbmodellen.

	3B	5B	4A
RGB	59	91	74
HSL	148°	21.33%	29.41%
HSB/HSV	148°	35.16%	35.69%
CMYK	35.16%	0.00%	18.68%
CMYK	64.31%

Die Farbe #3B5B4A in den populären Zahlensystemen.

Hexadezimal	3B	5B	4A
Dezimal	59	91	74
Binär	111011	1011011	1001010
Oktal	73	133	112

Farbtöne

Dunkle Töne der Farbe #3B5B4A

#3B5B4A
(59,91,74)

#365344
(54,83,68)

#314B3E
(49,75,62)

#2C4338
(44,67,56)

#273B32
(39,59,50)

#22332C
(34,51,44)

#1D2B26
(29,43,38)

#182320
(24,35,32)

#131B1A
(19,27,26)

#0E1314
(14,19,20)

#090B0E
(9,11,14)

#000000
(0,0,0)

Helle Töne der Farbe #3B5B4A

#3B5B4A
(59,91,74)

#4C695A
(76,105,90)

#5D776A
(93,119,106)

#6E857A
(110,133,122)

#7F938A
(127,147,138)

#90A19A
(144,161,154)

#A1AFAA
(161,175,170)

#B2BDBA
(178,189,186)

#C3CBCA
(195,203,202)

#D4D9DA
(212,217,218)

#E5E7EA
(229,231,234)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #3B5B4A. Bitte benutzen Sie auch rgb(59,91,74) statt hex-Code.

Textfarbe

.myTextColor { color: #3B5B4A; }

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

Die Farbe dieses Textes ist #3B5B4A.

Hintergrundfarbe

.myBgColor { background-color: #3B5B4A; }

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

Der Hintergrund von diesem div ist in Farbe #3B5B4A.

Grenzfarbe

.myBorderColor { border: 1px solid #3B5B4A; }

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

Die Grenzen von diesem div sind in Farbe #3B5B4A.

Transparenz

.myOpacity80 { color: #3B5B4A; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #3B5B4A.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #3B5B4A.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #3B5B4A

Dieser Text ist schwarz auf dem Hintergrund in Farbe #3B5B4A.

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

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

FARBE #3B5B4A