FARBE #30B74D

HEX: #30B74D
RGB: (48,183,77)

Farbeninformationen

#30B74D enthält hauptsächlich grüne Farbe. Für #30B74D ist eine «websichere» Webfarbe #33CC33 (oder kurz #3C3).

Farbmodelle RGB

Die Farbe #30B74D wird in RGB als (48,183,77) definiert.

  • Rot hat einen Wert von 48;
  • Grün hat einen Wert von 183;
  • Blau hat einen Wert von 77.
RGB:
(48,183,77)
(19%,72%,30%)

Kanäle in RGB und Sättigung

R 48 von 255 = 19%
G 183 von 255 = 72%
B 77 von 255 = 30%

48
183
77

R + G + B ~ 40%. #30B74D mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
48 + 183 + 77 = 308 (100%)
R 48 von 308 ~ 15.58%
G 183 von 308 ~ 59.42%
B 77 von 308 ~ 25%

%15.58
%59.42
%25

Farbmodell CMYK

Die Farbe #30B74D wird in CMYK als (74,0,58,28) definiert.

  • Cyan hat einen Wert von 73.77%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 57.92%
  • Schlüsselfarbe hat einen Wert von 28.24%
CMYK:
(74,0,58,28)
C74M0Y58K28 
(74%,0%,58%,28%)
(0.74/0.00/0.58/0.28)

CMYK-Kanäle in Prozent

%73.77
%0
%57.92
%28.24

Farbcodes

Farbe #30B74D in den populären Farbmodellen.

30B74D
RGB4818377
HSL133°58.44%45.29%
HSB/HSV133°73.77%71.76%
CMYK73.77%0.00%57.92%
28.24%

Die Farbe #30B74D in den populären Zahlensystemen.

Hexadezimal30B74D
Dezimal4818377
Binär110000101101111001101
Oktal60267115

Farbtöne

Dunkle Töne der Farbe #30B74D

#30B74D
(48,183,77)
#2CA746
(44,167,70)
#28973F
(40,151,63)
#248738
(36,135,56)
#207731
(32,119,49)
#1C672A
(28,103,42)
#185723
(24,87,35)
#14471C
(20,71,28)
#103715
(16,55,21)
#0C270E
(12,39,14)
#081707
(8,23,7)
#000000
(0,0,0)

Helle Töne der Farbe #30B74D

#30B74D
(48,183,77)
#42BD5D
(66,189,93)
#54C36D
(84,195,109)
#66C97D
(102,201,125)
#78CF8D
(120,207,141)
#8AD59D
(138,213,157)
#9CDBAD
(156,219,173)
#AEE1BD
(174,225,189)
#C0E7CD
(192,231,205)
#D2EDDD
(210,237,221)
#E4F3ED
(228,243,237)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #30B74D. Bitte benutzen Sie auch rgb(48,183,77) statt hex-Code.

Textfarbe

.myTextColor { color: #30B74D; }

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

Die Farbe dieses Textes ist #30B74D.


Hintergrundfarbe

.myBgColor { background-color: #30B74D; }

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

Der Hintergrund von diesem div ist in Farbe #30B74D.


Grenzfarbe

.myBorderColor { border: 1px solid #30B74D; }

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

Die Grenzen von diesem div sind in Farbe #30B74D.


Transparenz

.myOpacity80 { color: #30B74D; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #30B74D.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #30B74D

Dieser Text ist schwarz auf dem Hintergrund in Farbe #30B74D.


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

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