FARBE #7BB49A

HEX: #7BB49A
RGB: (123,180,154)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #7BB49A wird in RGB als (123,180,154) definiert.

  • Rot hat einen Wert von 123;
  • Grün hat einen Wert von 180;
  • Blau hat einen Wert von 154.
RGB:
(123,180,154)
(48%,71%,60%)

Kanäle in RGB und Sättigung

R 123 von 255 = 48%
G 180 von 255 = 71%
B 154 von 255 = 60%

123
180
154

R + G + B ~ 60%. #7BB49A mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
123 + 180 + 154 = 457 (100%)
R 123 von 457 ~ 26.91%
G 180 von 457 ~ 39.39%
B 154 von 457 ~ 33.7%

%26.91
%39.39
%33.7

Farbmodell CMYK

Die Farbe #7BB49A wird in CMYK als (32,0,14,29) definiert.

  • Cyan hat einen Wert von 31.67%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 14.44%
  • Schlüsselfarbe hat einen Wert von 29.41%
CMYK:
(32,0,14,29)
C32M0Y14K29 
(32%,0%,14%,29%)
(0.32/0.00/0.14/0.29)	

CMYK-Kanäle in Prozent

%31.67
%0
%14.44
%29.41

Farbcodes

Farbe #7BB49A in den populären Farbmodellen.

7BB49A
RGB123180154
HSL153°27.54%59.41%
HSB/HSV153°31.67%70.59%
CMYK31.67%0.00%14.44%
29.41%

Die Farbe #7BB49A in den populären Zahlensystemen.

Hexadezimal7BB49A
Dezimal123180154
Binär11110111011010010011010
Oktal173264232

Farbtöne

Dunkle Töne der Farbe #7BB49A

#7BB49A
(123,180,154)
#70A48C
(112,164,140)
#65947E
(101,148,126)
#5A8470
(90,132,112)
#4F7462
(79,116,98)
#446454
(68,100,84)
#395446
(57,84,70)
#2E4438
(46,68,56)
#23342A
(35,52,42)
#18241C
(24,36,28)
#0D140E
(13,20,14)
#000000
(0,0,0)

Helle Töne der Farbe #7BB49A

#7BB49A
(123,180,154)
#87BAA3
(135,186,163)
#93C0AC
(147,192,172)
#9FC6B5
(159,198,181)
#ABCCBE
(171,204,190)
#B7D2C7
(183,210,199)
#C3D8D0
(195,216,208)
#CFDED9
(207,222,217)
#DBE4E2
(219,228,226)
#E7EAEB
(231,234,235)
#F3F0F4
(243,240,244)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #7BB49A. Bitte benutzen Sie auch rgb(123,180,154) statt hex-Code.

Textfarbe

.myTextColor { color: #7BB49A; }

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

Die Farbe dieses Textes ist #7BB49A.


Hintergrundfarbe

.myBgColor { background-color: #7BB49A; }

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

Der Hintergrund von diesem div ist in Farbe #7BB49A.


Grenzfarbe

.myBorderColor { border: 1px solid #7BB49A; }

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

Die Grenzen von diesem div sind in Farbe #7BB49A.


Transparenz

.myOpacity80 { color: #7BB49A; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #7BB49A.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #7BB49A

Dieser Text ist schwarz auf dem Hintergrund in Farbe #7BB49A.


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

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