FARBE #645AE2

HEX: #645AE2
RGB: (100,90,226)

Farbeninformationen

#645AE2 enthält hauptsächlich blaue Farbe. Für #645AE2 ist eine «websichere» Webfarbe #6666CC (oder kurz #66C).

Farbmodelle RGB

Die Farbe #645AE2 wird in RGB als (100,90,226) definiert.

  • Rot hat einen Wert von 100;
  • Grün hat einen Wert von 90;
  • Blau hat einen Wert von 226.
RGB:
(100,90,226)
(39%,35%,89%)

Kanäle in RGB und Sättigung

R 100 von 255 = 39%
G 90 von 255 = 35%
B 226 von 255 = 89%

100
90
226

R + G + B ~ 54%. #645AE2 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
100 + 90 + 226 = 416 (100%)
R 100 von 416 ~ 24.04%
G 90 von 416 ~ 21.63%
B 226 von 416 ~ 54.33%

%24.04
%21.63
%54.33

Farbmodell CMYK

Die Farbe #645AE2 wird in CMYK als (56,60,0,11) definiert.

  • Cyan hat einen Wert von 55.75%
  • Magenta hat einen Wert von 60.18%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 11.37%
CMYK:
(56,60,0,11)
C56M60Y0K11 
(56%,60%,0%,11%)
(0.56/0.60/0.00/0.11)	

CMYK-Kanäle in Prozent

%55.75
%60.18
%0
%11.37

Farbcodes

Farbe #645AE2 in den populären Farbmodellen.

645AE2
RGB10090226
HSL244°70.10%61.96%
HSB/HSV244°60.18%88.63%
CMYK55.75%60.18%0.00%
11.37%

Die Farbe #645AE2 in den populären Zahlensystemen.

Hexadezimal645AE2
Dezimal10090226
Binär1100100101101011100010
Oktal144132342

Farbtöne

Dunkle Töne der Farbe #645AE2

#645AE2
(100,90,226)
#5B52CE
(91,82,206)
#524ABA
(82,74,186)
#4942A6
(73,66,166)
#403A92
(64,58,146)
#37327E
(55,50,126)
#2E2A6A
(46,42,106)
#252256
(37,34,86)
#1C1A42
(28,26,66)
#13122E
(19,18,46)
#0A0A1A
(10,10,26)
#000000
(0,0,0)

Helle Töne der Farbe #645AE2

#645AE2
(100,90,226)
#7269E4
(114,105,228)
#8078E6
(128,120,230)
#8E87E8
(142,135,232)
#9C96EA
(156,150,234)
#AAA5EC
(170,165,236)
#B8B4EE
(184,180,238)
#C6C3F0
(198,195,240)
#D4D2F2
(212,210,242)
#E2E1F4
(226,225,244)
#F0F0F6
(240,240,246)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #645AE2. Bitte benutzen Sie auch rgb(100,90,226) statt hex-Code.

Textfarbe

.myTextColor { color: #645AE2; }

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

Die Farbe dieses Textes ist #645AE2.


Hintergrundfarbe

.myBgColor { background-color: #645AE2; }

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

Der Hintergrund von diesem div ist in Farbe #645AE2.


Grenzfarbe

.myBorderColor { border: 1px solid #645AE2; }

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

Die Grenzen von diesem div sind in Farbe #645AE2.


Transparenz

.myOpacity80 { color: #645AE2; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #645AE2.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #645AE2

Dieser Text ist schwarz auf dem Hintergrund in Farbe #645AE2.


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

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