Farbe #303676, hex- und rgb-Codes, Beispiele

Farbeninformationen

#303676 enthält hauptsächlich blaue Farbe. Für #303676 ist eine «websichere» Webfarbe #333366 (oder kurz #336).

Farbmodelle RGB

Die Farbe #303676 wird in RGB als (48,54,118) definiert.

Rot hat einen Wert von 48;
Grün hat einen Wert von 54;
Blau hat einen Wert von 118.

RGB:
(48,54,118)
(19%,21%,46%)

Kanäle in RGB und Sättigung

R 48 von 255 = 19%
G 54 von 255 = 21%
B 118 von 255 = 46%

118

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

Farbverhältnis in prozentualer Angabe

R + G + B =
48 + 54 + 118 = 220 (100%)
R 48 von 220 ~ 21.82%
G 54 von 220 ~ 24.55%
B 118 von 220 ~ 53.64%

%21.82

%24.55

%53.64

Farbmodell CMYK

Die Farbe #303676 wird in CMYK als (59,54,0,54) definiert.

Cyan hat einen Wert von 59.32%
Magenta hat einen Wert von 54.24%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 53.73%

CMYK:
(59,54,0,54)
C59M54Y0K54 
(59%,54%,0%,54%)
(0.59/0.54/0.00/0.54)

CMYK-Kanäle in Prozent

%59.32

%54.24

%53.73

Farbcodes

Farbe #303676 in den populären Farbmodellen.

	30	36	76
RGB	48	54	118
HSL	235°	42.17%	32.55%
HSB/HSV	235°	59.32%	46.27%
CMYK	59.32%	54.24%	0.00%
CMYK	53.73%

Die Farbe #303676 in den populären Zahlensystemen.

Hexadezimal	30	36	76
Dezimal	48	54	118
Binär	110000	110110	1110110
Oktal	60	66	166

Farbtöne

Dunkle Töne der Farbe #303676

#303676
(48,54,118)

#2C326C
(44,50,108)

#282E62
(40,46,98)

#242A58
(36,42,88)

#20264E
(32,38,78)

#1C2244
(28,34,68)

#181E3A
(24,30,58)

#141A30
(20,26,48)

#101626
(16,22,38)

#0C121C
(12,18,28)

#080E12
(8,14,18)

#000000
(0,0,0)

Helle Töne der Farbe #303676

#303676
(48,54,118)

#424882
(66,72,130)

#545A8E
(84,90,142)

#666C9A
(102,108,154)

#787EA6
(120,126,166)

#8A90B2
(138,144,178)

#9CA2BE
(156,162,190)

#AEB4CA
(174,180,202)

#C0C6D6
(192,198,214)

#D2D8E2
(210,216,226)

#E4EAEE
(228,234,238)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #303676. Bitte benutzen Sie auch rgb(48,54,118) statt hex-Code.

Textfarbe

.myTextColor { color: #303676; }

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

Die Farbe dieses Textes ist #303676.

Hintergrundfarbe

.myBgColor { background-color: #303676; }

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

Der Hintergrund von diesem div ist in Farbe #303676.

Grenzfarbe

.myBorderColor { border: 1px solid #303676; }

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

Die Grenzen von diesem div sind in Farbe #303676.

Transparenz

.myOpacity80 { color: #303676; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #303676.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #303676.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #303676

Dieser Text ist schwarz auf dem Hintergrund in Farbe #303676.

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

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

FARBE #303676