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

Farbeninformationen

#ABF2F1 enthält hauptsächlich grüne und blaue Farbe. Für #ABF2F1 ist eine «websichere» Webfarbe #99FFFF (oder kurz #9FF).

Farbmodelle RGB

Die Farbe #ABF2F1 wird in RGB als (171,242,241) definiert.

Rot hat einen Wert von 171;
Grün hat einen Wert von 242;
Blau hat einen Wert von 241.

RGB:
(171,242,241)
(67%,95%,95%)

Kanäle in RGB und Sättigung

R 171 von 255 = 67%
G 242 von 255 = 95%
B 241 von 255 = 95%

171

242

241

R + G + B ~ 86%. #ABF2F1 helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
171 + 242 + 241 = 654 (100%)
R 171 von 654 ~ 26.15%
G 242 von 654 ~ 37%
B 241 von 654 ~ 36.85%

%26.15

%37

%36.85

Farbmodell CMYK

Die Farbe #ABF2F1 wird in CMYK als (29,0,0,5) definiert.

Cyan hat einen Wert von 29.34%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 0.41%
Schlüsselfarbe hat einen Wert von 5.10%

CMYK:
(29,0,0,5)
C29M0Y0K5 
(29%,0%,0%,5%)
(0.29/0.00/0.00/0.05)

CMYK-Kanäle in Prozent

%29.34

%0.41

%5.1

Farbcodes

Farbe #ABF2F1 in den populären Farbmodellen.

	AB	F2	F1
RGB	171	242	241
HSL	179°	73.20%	80.98%
HSB/HSV	179°	29.34%	94.90%
CMYK	29.34%	0.00%	0.41%
CMYK	5.10%

Die Farbe #ABF2F1 in den populären Zahlensystemen.

Hexadezimal	AB	F2	F1
Dezimal	171	242	241
Binär	10101011	11110010	11110001
Oktal	253	362	361

Farbtöne

Dunkle Töne der Farbe #ABF2F1

#ABF2F1
(171,242,241)

#9CDCDC
(156,220,220)

#8DC6C7
(141,198,199)

#7EB0B2
(126,176,178)

#6F9A9D
(111,154,157)

#608488
(96,132,136)

#516E73
(81,110,115)

#42585E
(66,88,94)

#334249
(51,66,73)

#242C34
(36,44,52)

#15161F
(21,22,31)

#000000
(0,0,0)

Helle Töne der Farbe #ABF2F1

#ABF2F1
(171,242,241)

#B2F3F2
(178,243,242)

#B9F4F3
(185,244,243)

#C0F5F4
(192,245,244)

#C7F6F5
(199,246,245)

#CEF7F6
(206,247,246)

#D5F8F7
(213,248,247)

#DCF9F8
(220,249,248)

#E3FAF9
(227,250,249)

#EAFBFA
(234,251,250)

#F1FCFB
(241,252,251)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #ABF2F1. Bitte benutzen Sie auch rgb(171,242,241) statt hex-Code.

Textfarbe

.myTextColor { color: #ABF2F1; }

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

Die Farbe dieses Textes ist #ABF2F1.

Hintergrundfarbe

.myBgColor { background-color: #ABF2F1; }

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

Der Hintergrund von diesem div ist in Farbe #ABF2F1.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #ABF2F1.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #ABF2F1.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #ABF2F1.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #ABF2F1

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

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

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

FARBE #ABF2F1