FARBE #555CF9

HEX: #555CF9
RGB: (85,92,249)

Farbeninformationen

#555CF9 enthält hauptsächlich blaue Farbe. Für #555CF9 ist eine «websichere» Webfarbe #6666FF (oder kurz #66F).

Farbmodelle RGB

Die Farbe #555CF9 wird in RGB als (85,92,249) definiert.

  • Rot hat einen Wert von 85;
  • Grün hat einen Wert von 92;
  • Blau hat einen Wert von 249.
RGB:
(85,92,249)
(33%,36%,98%)

Kanäle in RGB und Sättigung

R 85 von 255 = 33%
G 92 von 255 = 36%
B 249 von 255 = 98%

85
92
249

R + G + B ~ 56%. #555CF9 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
85 + 92 + 249 = 426 (100%)
R 85 von 426 ~ 19.95%
G 92 von 426 ~ 21.6%
B 249 von 426 ~ 58.45%

%19.95
%21.6
%58.45

Farbmodell CMYK

Die Farbe #555CF9 wird in CMYK als (66,63,0,2) definiert.

  • Cyan hat einen Wert von 65.86%
  • Magenta hat einen Wert von 63.05%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 2.35%
CMYK:
(66,63,0,2)
C66M63Y0K2 
(66%,63%,0%,2%)
(0.66/0.63/0.00/0.02)

CMYK-Kanäle in Prozent

%65.86
%63.05
%0
%2.35

Farbcodes

Farbe #555CF9 in den populären Farbmodellen.

555CF9
RGB8592249
HSL237°93.18%65.49%
HSB/HSV237°65.86%97.65%
CMYK65.86%63.05%0.00%
2.35%

Die Farbe #555CF9 in den populären Zahlensystemen.

Hexadezimal555CF9
Dezimal8592249
Binär1010101101110011111001
Oktal125134371

Farbtöne

Dunkle Töne der Farbe #555CF9

#555CF9
(85,92,249)
#4E54E3
(78,84,227)
#474CCD
(71,76,205)
#4044B7
(64,68,183)
#393CA1
(57,60,161)
#32348B
(50,52,139)
#2B2C75
(43,44,117)
#24245F
(36,36,95)
#1D1C49
(29,28,73)
#161433
(22,20,51)
#0F0C1D
(15,12,29)
#000000
(0,0,0)

Helle Töne der Farbe #555CF9

#555CF9
(85,92,249)
#646AF9
(100,106,249)
#7378F9
(115,120,249)
#8286F9
(130,134,249)
#9194F9
(145,148,249)
#A0A2F9
(160,162,249)
#AFB0F9
(175,176,249)
#BEBEF9
(190,190,249)
#CDCCF9
(205,204,249)
#DCDAF9
(220,218,249)
#EBE8F9
(235,232,249)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #555CF9. Bitte benutzen Sie auch rgb(85,92,249) statt hex-Code.

Textfarbe

.myTextColor { color: #555CF9; }

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

Die Farbe dieses Textes ist #555CF9.


Hintergrundfarbe

.myBgColor { background-color: #555CF9; }

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

Der Hintergrund von diesem div ist in Farbe #555CF9.


Grenzfarbe

.myBorderColor { border: 1px solid #555CF9; }

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

Die Grenzen von diesem div sind in Farbe #555CF9.


Transparenz

.myOpacity80 { color: #555CF9; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #555CF9.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #555CF9

Dieser Text ist schwarz auf dem Hintergrund in Farbe #555CF9.


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

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