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

Farbeninformationen

#BAE45F enthält hauptsächlich rote und grüne Farbe. Für #BAE45F ist eine «websichere» Webfarbe #CCCC66 (oder kurz #CC6).

Farbmodelle RGB

Die Farbe #BAE45F wird in RGB als (186,228,95) definiert.

Rot hat einen Wert von 186;
Grün hat einen Wert von 228;
Blau hat einen Wert von 95.

RGB:
(186,228,95)
(73%,89%,37%)

Kanäle in RGB und Sättigung

R 186 von 255 = 73%
G 228 von 255 = 89%
B 95 von 255 = 37%

186

228

R + G + B ~ 66%. #BAE45F ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
186 + 228 + 95 = 509 (100%)
R 186 von 509 ~ 36.54%
G 228 von 509 ~ 44.79%
B 95 von 509 ~ 18.66%

%36.54

%44.79

%18.66

Farbmodell CMYK

Die Farbe #BAE45F wird in CMYK als (18,0,58,11) definiert.

Cyan hat einen Wert von 18.42%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 58.33%
Schlüsselfarbe hat einen Wert von 10.59%

CMYK:
(18,0,58,11)
C18M0Y58K11 
(18%,0%,58%,11%)
(0.18/0.00/0.58/0.11)

CMYK-Kanäle in Prozent

%18.42

%58.33

%10.59

Farbcodes

Farbe #BAE45F in den populären Farbmodellen.

	BA	E4	5F
RGB	186	228	95
HSL	79°	71.12%	63.33%
HSB/HSV	79°	58.33%	89.41%
CMYK	18.42%	0.00%	58.33%
CMYK	10.59%

Die Farbe #BAE45F in den populären Zahlensystemen.

Hexadezimal	BA	E4	5F
Dezimal	186	228	95
Binär	10111010	11100100	1011111
Oktal	272	344	137

Farbtöne

Dunkle Töne der Farbe #BAE45F

#BAE45F
(186,228,95)

#AAD057
(170,208,87)

#9ABC4F
(154,188,79)

#8AA847
(138,168,71)

#7A943F
(122,148,63)

#6A8037
(106,128,55)

#5A6C2F
(90,108,47)

#4A5827
(74,88,39)

#3A441F
(58,68,31)

#2A3017
(42,48,23)

#1A1C0F
(26,28,15)

#000000
(0,0,0)

Helle Töne der Farbe #BAE45F

#BAE45F
(186,228,95)

#C0E66D
(192,230,109)

#C6E87B
(198,232,123)

#CCEA89
(204,234,137)

#D2EC97
(210,236,151)

#D8EEA5
(216,238,165)

#DEF0B3
(222,240,179)

#E4F2C1
(228,242,193)

#EAF4CF
(234,244,207)

#F0F6DD
(240,246,221)

#F6F8EB
(246,248,235)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #BAE45F; }

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

Die Farbe dieses Textes ist #BAE45F.

Hintergrundfarbe

.myBgColor { background-color: #BAE45F; }

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

Der Hintergrund von diesem div ist in Farbe #BAE45F.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #BAE45F.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #BAE45F.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #BAE45F.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #BAE45F

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

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

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

FARBE #BAE45F