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

Farbeninformationen

#3B549D enthält hauptsächlich blaue Farbe. Für #3B549D ist eine «websichere» Webfarbe #336699 (oder kurz #369).

Farbmodelle RGB

Die Farbe #3B549D wird in RGB als (59,84,157) definiert.

Rot hat einen Wert von 59;
Grün hat einen Wert von 84;
Blau hat einen Wert von 157.

RGB:
(59,84,157)
(23%,33%,62%)

Kanäle in RGB und Sättigung

R 59 von 255 = 23%
G 84 von 255 = 33%
B 157 von 255 = 62%

157

R + G + B ~ 39%. #3B549D ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
59 + 84 + 157 = 300 (100%)
R 59 von 300 ~ 19.67%
G 84 von 300 ~ 28%
B 157 von 300 ~ 52.33%

%19.67

%28

%52.33

Farbmodell CMYK

Die Farbe #3B549D wird in CMYK als (62,46,0,38) definiert.

Cyan hat einen Wert von 62.42%
Magenta hat einen Wert von 46.50%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 38.43%

CMYK:
(62,46,0,38)
C62M46Y0K38 
(62%,46%,0%,38%)
(0.62/0.46/0.00/0.38)

CMYK-Kanäle in Prozent

%62.42

%46.5

%38.43

Farbcodes

Farbe #3B549D in den populären Farbmodellen.

	3B	54	9D
RGB	59	84	157
HSL	225°	45.37%	42.35%
HSB/HSV	225°	62.42%	61.57%
CMYK	62.42%	46.50%	0.00%
CMYK	38.43%

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

Hexadezimal	3B	54	9D
Dezimal	59	84	157
Binär	111011	1010100	10011101
Oktal	73	124	235

Farbtöne

Dunkle Töne der Farbe #3B549D

#3B549D
(59,84,157)

#364D8F
(54,77,143)

#314681
(49,70,129)

#2C3F73
(44,63,115)

#273865
(39,56,101)

#223157
(34,49,87)

#1D2A49
(29,42,73)

#18233B
(24,35,59)

#131C2D
(19,28,45)

#0E151F
(14,21,31)

#090E11
(9,14,17)

#000000
(0,0,0)

Helle Töne der Farbe #3B549D

#3B549D
(59,84,157)

#4C63A5
(76,99,165)

#5D72AD
(93,114,173)

#6E81B5
(110,129,181)

#7F90BD
(127,144,189)

#909FC5
(144,159,197)

#A1AECD
(161,174,205)

#B2BDD5
(178,189,213)

#C3CCDD
(195,204,221)

#D4DBE5
(212,219,229)

#E5EAED
(229,234,237)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #3B549D; }

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

Die Farbe dieses Textes ist #3B549D.

Hintergrundfarbe

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

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

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

Grenzfarbe

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

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

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

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #3B549D.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #3B549D.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

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

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

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

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

FARBE #3B549D