FARBE #505A97

HEX: #505A97
RGB: (80,90,151)

Farbeninformationen

#505A97 enthält hauptsächlich blaue Farbe. Für #505A97 ist eine «websichere» Webfarbe #666699 (oder kurz #669).

Farbmodelle RGB

Die Farbe #505A97 wird in RGB als (80,90,151) definiert.

  • Rot hat einen Wert von 80;
  • Grün hat einen Wert von 90;
  • Blau hat einen Wert von 151.
RGB:
(80,90,151)
(31%,35%,59%)

Kanäle in RGB und Sättigung

R 80 von 255 = 31%
G 90 von 255 = 35%
B 151 von 255 = 59%

80
90
151

R + G + B ~ 42%. #505A97 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
80 + 90 + 151 = 321 (100%)
R 80 von 321 ~ 24.92%
G 90 von 321 ~ 28.04%
B 151 von 321 ~ 47.04%

%24.92
%28.04
%47.04

Farbmodell CMYK

Die Farbe #505A97 wird in CMYK als (47,40,0,41) definiert.

  • Cyan hat einen Wert von 47.02%
  • Magenta hat einen Wert von 40.40%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 40.78%
CMYK:
(47,40,0,41)
C47M40Y0K41 
(47%,40%,0%,41%)
(0.47/0.40/0.00/0.41)

CMYK-Kanäle in Prozent

%47.02
%40.4
%0
%40.78

Farbcodes

Farbe #505A97 in den populären Farbmodellen.

505A97
RGB8090151
HSL232°30.74%45.29%
HSB/HSV232°47.02%59.22%
CMYK47.02%40.40%0.00%
40.78%

Die Farbe #505A97 in den populären Zahlensystemen.

Hexadezimal505A97
Dezimal8090151
Binär1010000101101010010111
Oktal120132227

Farbtöne

Dunkle Töne der Farbe #505A97

#505A97
(80,90,151)
#49528A
(73,82,138)
#424A7D
(66,74,125)
#3B4270
(59,66,112)
#343A63
(52,58,99)
#2D3256
(45,50,86)
#262A49
(38,42,73)
#1F223C
(31,34,60)
#181A2F
(24,26,47)
#111222
(17,18,34)
#0A0A15
(10,10,21)
#000000
(0,0,0)

Helle Töne der Farbe #505A97

#505A97
(80,90,151)
#5F69A0
(95,105,160)
#6E78A9
(110,120,169)
#7D87B2
(125,135,178)
#8C96BB
(140,150,187)
#9BA5C4
(155,165,196)
#AAB4CD
(170,180,205)
#B9C3D6
(185,195,214)
#C8D2DF
(200,210,223)
#D7E1E8
(215,225,232)
#E6F0F1
(230,240,241)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #505A97. Bitte benutzen Sie auch rgb(80,90,151) statt hex-Code.

Textfarbe

.myTextColor { color: #505A97; }

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

Die Farbe dieses Textes ist #505A97.


Hintergrundfarbe

.myBgColor { background-color: #505A97; }

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

Der Hintergrund von diesem div ist in Farbe #505A97.


Grenzfarbe

.myBorderColor { border: 1px solid #505A97; }

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

Die Grenzen von diesem div sind in Farbe #505A97.


Transparenz

.myOpacity80 { color: #505A97; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #505A97.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #505A97

Dieser Text ist schwarz auf dem Hintergrund in Farbe #505A97.


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

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