FARBE #3F5076

HEX: #3F5076
RGB: (63,80,118)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #3F5076 wird in RGB als (63,80,118) definiert.

  • Rot hat einen Wert von 63;
  • Grün hat einen Wert von 80;
  • Blau hat einen Wert von 118.
RGB:
(63,80,118)
(25%,31%,46%)

Kanäle in RGB und Sättigung

R 63 von 255 = 25%
G 80 von 255 = 31%
B 118 von 255 = 46%

63
80
118

R + G + B ~ 34%. #3F5076 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
63 + 80 + 118 = 261 (100%)
R 63 von 261 ~ 24.14%
G 80 von 261 ~ 30.65%
B 118 von 261 ~ 45.21%

%24.14
%30.65
%45.21

Farbmodell CMYK

Die Farbe #3F5076 wird in CMYK als (47,32,0,54) definiert.

  • Cyan hat einen Wert von 46.61%
  • Magenta hat einen Wert von 32.20%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 53.73%
CMYK:
(47,32,0,54)
C47M32Y0K54 
(47%,32%,0%,54%)
(0.47/0.32/0.00/0.54)	

CMYK-Kanäle in Prozent

%46.61
%32.2
%0
%53.73

Farbcodes

Farbe #3F5076 in den populären Farbmodellen.

3F5076
RGB6380118
HSL221°30.39%35.49%
HSB/HSV221°46.61%46.27%
CMYK46.61%32.20%0.00%
53.73%

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

Hexadezimal3F5076
Dezimal6380118
Binär11111110100001110110
Oktal77120166

Farbtöne

Dunkle Töne der Farbe #3F5076

#3F5076
(63,80,118)
#3A496C
(58,73,108)
#354262
(53,66,98)
#303B58
(48,59,88)
#2B344E
(43,52,78)
#262D44
(38,45,68)
#21263A
(33,38,58)
#1C1F30
(28,31,48)
#171826
(23,24,38)
#12111C
(18,17,28)
#0D0A12
(13,10,18)
#000000
(0,0,0)

Helle Töne der Farbe #3F5076

#3F5076
(63,80,118)
#505F82
(80,95,130)
#616E8E
(97,110,142)
#727D9A
(114,125,154)
#838CA6
(131,140,166)
#949BB2
(148,155,178)
#A5AABE
(165,170,190)
#B6B9CA
(182,185,202)
#C7C8D6
(199,200,214)
#D8D7E2
(216,215,226)
#E9E6EE
(233,230,238)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #3F5076. Bitte benutzen Sie auch rgb(63,80,118) statt hex-Code.

Textfarbe

.myTextColor { color: #3F5076; }

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

Die Farbe dieses Textes ist #3F5076.


Hintergrundfarbe

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

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

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


Grenzfarbe

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

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

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


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #3F5076.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #3F5076;
-webkit-box-shadow: 1px 1px 3px 2px #3F5076;
box-shadow:1px 1px 3px 2px #3F5076;">
Div content here</div>
Dieses div hat den Schatten in Farbe #3F5076.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



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

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


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

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