FARBE #AABBFB

HEX: #AABBFB
RGB: (170,187,251)

Farbeninformationen

#AABBFB enthält hauptsächlich blaue Farbe. Für #AABBFB ist eine «websichere» Webfarbe #99CCFF (oder kurz #9CF).

Farbmodelle RGB

Die Farbe #AABBFB wird in RGB als (170,187,251) definiert.

  • Rot hat einen Wert von 170;
  • Grün hat einen Wert von 187;
  • Blau hat einen Wert von 251.
RGB:
(170,187,251)
(67%,73%,98%)

Kanäle in RGB und Sättigung

R 170 von 255 = 67%
G 187 von 255 = 73%
B 251 von 255 = 98%

170
187
251

R + G + B ~ 79%. #AABBFB ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
170 + 187 + 251 = 608 (100%)
R 170 von 608 ~ 27.96%
G 187 von 608 ~ 30.76%
B 251 von 608 ~ 41.28%

%27.96
%30.76
%41.28

Farbmodell CMYK

Die Farbe #AABBFB wird in CMYK als (32,25,0,2) definiert.

  • Cyan hat einen Wert von 32.27%
  • Magenta hat einen Wert von 25.50%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 1.57%
CMYK:
(32,25,0,2)
C32M25Y0K2 
(32%,25%,0%,2%)
(0.32/0.25/0.00/0.02)

CMYK-Kanäle in Prozent

%32.27
%25.5
%0
%1.57

Farbcodes

Farbe #AABBFB in den populären Farbmodellen.

AABBFB
RGB170187251
HSL227°91.01%82.55%
HSB/HSV227°32.27%98.43%
CMYK32.27%25.50%0.00%
1.57%

Die Farbe #AABBFB in den populären Zahlensystemen.

HexadezimalAABBFB
Dezimal170187251
Binär101010101011101111111011
Oktal252273373

Farbtöne

Dunkle Töne der Farbe #AABBFB

#AABBFB
(170,187,251)
#9BAAE5
(155,170,229)
#8C99CF
(140,153,207)
#7D88B9
(125,136,185)
#6E77A3
(110,119,163)
#5F668D
(95,102,141)
#505577
(80,85,119)
#414461
(65,68,97)
#32334B
(50,51,75)
#232235
(35,34,53)
#14111F
(20,17,31)
#000000
(0,0,0)

Helle Töne der Farbe #AABBFB

#AABBFB
(170,187,251)
#B1C1FB
(177,193,251)
#B8C7FB
(184,199,251)
#BFCDFB
(191,205,251)
#C6D3FB
(198,211,251)
#CDD9FB
(205,217,251)
#D4DFFB
(212,223,251)
#DBE5FB
(219,229,251)
#E2EBFB
(226,235,251)
#E9F1FB
(233,241,251)
#F0F7FB
(240,247,251)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #AABBFB. Bitte benutzen Sie auch rgb(170,187,251) statt hex-Code.

Textfarbe

.myTextColor { color: #AABBFB; }

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

Die Farbe dieses Textes ist #AABBFB.


Hintergrundfarbe

.myBgColor { background-color: #AABBFB; }

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

Der Hintergrund von diesem div ist in Farbe #AABBFB.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #AABBFB.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #AABBFB.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #AABBFB

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


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

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