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

Farbeninformationen

#ABBA83 enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #ABBA83 ist eine «websichere» Webfarbe #99CC99 (oder kurz #9C9).

Farbmodelle RGB

Die Farbe #ABBA83 wird in RGB als (171,186,131) definiert.

Rot hat einen Wert von 171;
Grün hat einen Wert von 186;
Blau hat einen Wert von 131.

RGB:
(171,186,131)
(67%,73%,51%)

Kanäle in RGB und Sättigung

R 171 von 255 = 67%
G 186 von 255 = 73%
B 131 von 255 = 51%

171

186

131

R + G + B ~ 64%. #ABBA83 ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
171 + 186 + 131 = 488 (100%)
R 171 von 488 ~ 35.04%
G 186 von 488 ~ 38.11%
B 131 von 488 ~ 26.84%

%35.04

%38.11

%26.84

Farbmodell CMYK

Die Farbe #ABBA83 wird in CMYK als (8,0,30,27) definiert.

Cyan hat einen Wert von 8.06%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 29.57%
Schlüsselfarbe hat einen Wert von 27.06%

CMYK:
(8,0,30,27)
C8M0Y30K27 
(8%,0%,30%,27%)
(0.08/0.00/0.30/0.27)

CMYK-Kanäle in Prozent

%8.06

%29.57

%27.06

Farbcodes

Farbe #ABBA83 in den populären Farbmodellen.

	AB	BA	83
RGB	171	186	131
HSL	76°	28.50%	62.16%
HSB/HSV	76°	29.57%	72.94%
CMYK	8.06%	0.00%	29.57%
CMYK	27.06%

Die Farbe #ABBA83 in den populären Zahlensystemen.

Hexadezimal	AB	BA	83
Dezimal	171	186	131
Binär	10101011	10111010	10000011
Oktal	253	272	203

Farbtöne

Dunkle Töne der Farbe #ABBA83

#ABBA83
(171,186,131)

#9CAA78
(156,170,120)

#8D9A6D
(141,154,109)

#7E8A62
(126,138,98)

#6F7A57
(111,122,87)

#606A4C
(96,106,76)

#515A41
(81,90,65)

#424A36
(66,74,54)

#333A2B
(51,58,43)

#242A20
(36,42,32)

#151A15
(21,26,21)

#000000
(0,0,0)

Helle Töne der Farbe #ABBA83

#ABBA83
(171,186,131)

#B2C08E
(178,192,142)

#B9C699
(185,198,153)

#C0CCA4
(192,204,164)

#C7D2AF
(199,210,175)

#CED8BA
(206,216,186)

#D5DEC5
(213,222,197)

#DCE4D0
(220,228,208)

#E3EADB
(227,234,219)

#EAF0E6
(234,240,230)

#F1F6F1
(241,246,241)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #ABBA83; }

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

Die Farbe dieses Textes ist #ABBA83.

Hintergrundfarbe

.myBgColor { background-color: #ABBA83; }

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

Der Hintergrund von diesem div ist in Farbe #ABBA83.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #ABBA83.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #ABBA83.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #ABBA83.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #ABBA83

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

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

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

FARBE #ABBA83