FARBE #ABE686

HEX: #ABE686
RGB: (171,230,134)

Farbeninformationen

#ABE686 enthält hauptsächlich rote und grüne Farbe. Für #ABE686 ist eine «websichere» Webfarbe #99CC99 (oder kurz #9C9).

Farbmodelle RGB

Die Farbe #ABE686 wird in RGB als (171,230,134) definiert.

  • Rot hat einen Wert von 171;
  • Grün hat einen Wert von 230;
  • Blau hat einen Wert von 134.
RGB:
(171,230,134)
(67%,90%,53%)

Kanäle in RGB und Sättigung

R 171 von 255 = 67%
G 230 von 255 = 90%
B 134 von 255 = 53%

171
230
134

R + G + B ~ 70%. #ABE686 ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
171 + 230 + 134 = 535 (100%)
R 171 von 535 ~ 31.96%
G 230 von 535 ~ 42.99%
B 134 von 535 ~ 25.05%

%31.96
%42.99
%25.05

Farbmodell CMYK

Die Farbe #ABE686 wird in CMYK als (26,0,42,10) definiert.

  • Cyan hat einen Wert von 25.65%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 41.74%
  • Schlüsselfarbe hat einen Wert von 9.80%
CMYK:
(26,0,42,10)
C26M0Y42K10 
(26%,0%,42%,10%)
(0.26/0.00/0.42/0.10)

CMYK-Kanäle in Prozent

%25.65
%0
%41.74
%9.8

Farbcodes

Farbe #ABE686 in den populären Farbmodellen.

ABE686
RGB171230134
HSL97°65.75%71.37%
HSB/HSV97°41.74%90.20%
CMYK25.65%0.00%41.74%
9.80%

Die Farbe #ABE686 in den populären Zahlensystemen.

HexadezimalABE686
Dezimal171230134
Binär101010111110011010000110
Oktal253346206

Farbtöne

Dunkle Töne der Farbe #ABE686

#ABE686
(171,230,134)
#9CD27A
(156,210,122)
#8DBE6E
(141,190,110)
#7EAA62
(126,170,98)
#6F9656
(111,150,86)
#60824A
(96,130,74)
#516E3E
(81,110,62)
#425A32
(66,90,50)
#334626
(51,70,38)
#24321A
(36,50,26)
#151E0E
(21,30,14)
#000000
(0,0,0)

Helle Töne der Farbe #ABE686

#ABE686
(171,230,134)
#B2E891
(178,232,145)
#B9EA9C
(185,234,156)
#C0ECA7
(192,236,167)
#C7EEB2
(199,238,178)
#CEF0BD
(206,240,189)
#D5F2C8
(213,242,200)
#DCF4D3
(220,244,211)
#E3F6DE
(227,246,222)
#EAF8E9
(234,248,233)
#F1FAF4
(241,250,244)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #ABE686; }

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

Die Farbe dieses Textes ist #ABE686.


Hintergrundfarbe

.myBgColor { background-color: #ABE686; }

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

Der Hintergrund von diesem div ist in Farbe #ABE686.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #ABE686.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #ABE686.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #ABE686

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


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

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