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

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #486877 wird in RGB als (72,104,119) definiert.

Rot hat einen Wert von 72;
Grün hat einen Wert von 104;
Blau hat einen Wert von 119.

RGB:
(72,104,119)
(28%,41%,47%)

Kanäle in RGB und Sättigung

R 72 von 255 = 28%
G 104 von 255 = 41%
B 119 von 255 = 47%

104

119

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

Farbverhältnis in prozentualer Angabe

R + G + B =
72 + 104 + 119 = 295 (100%)
R 72 von 295 ~ 24.41%
G 104 von 295 ~ 35.25%
B 119 von 295 ~ 40.34%

%24.41

%35.25

%40.34

Farbmodell CMYK

Die Farbe #486877 wird in CMYK als (39,13,0,53) definiert.

Cyan hat einen Wert von 39.50%
Magenta hat einen Wert von 12.61%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 53.33%

CMYK:
(39,13,0,53)
C39M13Y0K53 
(39%,13%,0%,53%)
(0.39/0.13/0.00/0.53)

CMYK-Kanäle in Prozent

%39.5

%12.61

%53.33

Farbcodes

Farbe #486877 in den populären Farbmodellen.

	48	68	77
RGB	72	104	119
HSL	199°	24.61%	37.45%
HSB/HSV	199°	39.50%	46.67%
CMYK	39.50%	12.61%	0.00%
CMYK	53.33%

Die Farbe #486877 in den populären Zahlensystemen.

Hexadezimal	48	68	77
Dezimal	72	104	119
Binär	1001000	1101000	1110111
Oktal	110	150	167

Farbtöne

Dunkle Töne der Farbe #486877

#486877
(72,104,119)

#425F6D
(66,95,109)

#3C5663
(60,86,99)

#364D59
(54,77,89)

#30444F
(48,68,79)

#2A3B45
(42,59,69)

#24323B
(36,50,59)

#1E2931
(30,41,49)

#182027
(24,32,39)

#12171D
(18,23,29)

#0C0E13
(12,14,19)

#000000
(0,0,0)

Helle Töne der Farbe #486877

#486877
(72,104,119)

#587583
(88,117,131)

#68828F
(104,130,143)

#788F9B
(120,143,155)

#889CA7
(136,156,167)

#98A9B3
(152,169,179)

#A8B6BF
(168,182,191)

#B8C3CB
(184,195,203)

#C8D0D7
(200,208,215)

#D8DDE3
(216,221,227)

#E8EAEF
(232,234,239)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #486877. Bitte benutzen Sie auch rgb(72,104,119) statt hex-Code.

Textfarbe

.myTextColor { color: #486877; }

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

Die Farbe dieses Textes ist #486877.

Hintergrundfarbe

.myBgColor { background-color: #486877; }

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

Der Hintergrund von diesem div ist in Farbe #486877.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #486877.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #486877.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #486877.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #486877

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

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

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

FARBE #486877