FARBE #2DA145

HEX: #2DA145
RGB: (45,161,69)

Farbeninformationen

#2DA145 enthält hauptsächlich grüne Farbe. Für #2DA145 ist eine «websichere» Webfarbe #339933 (oder kurz #393).

Farbmodelle RGB

Die Farbe #2DA145 wird in RGB als (45,161,69) definiert.

  • Rot hat einen Wert von 45;
  • Grün hat einen Wert von 161;
  • Blau hat einen Wert von 69.
RGB:
(45,161,69)
(18%,63%,27%)

Kanäle in RGB und Sättigung

R 45 von 255 = 18%
G 161 von 255 = 63%
B 69 von 255 = 27%

45
161
69

R + G + B ~ 36%. #2DA145 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
45 + 161 + 69 = 275 (100%)
R 45 von 275 ~ 16.36%
G 161 von 275 ~ 58.55%
B 69 von 275 ~ 25.09%

%16.36
%58.55
%25.09

Farbmodell CMYK

Die Farbe #2DA145 wird in CMYK als (72,0,57,37) definiert.

  • Cyan hat einen Wert von 72.05%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 57.14%
  • Schlüsselfarbe hat einen Wert von 36.86%
CMYK:
(72,0,57,37)
C72M0Y57K37 
(72%,0%,57%,37%)
(0.72/0.00/0.57/0.37)	

CMYK-Kanäle in Prozent

%72.05
%0
%57.14
%36.86

Farbcodes

Farbe #2DA145 in den populären Farbmodellen.

2DA145
RGB4516169
HSL132°56.31%40.39%
HSB/HSV132°72.05%63.14%
CMYK72.05%0.00%57.14%
36.86%

Die Farbe #2DA145 in den populären Zahlensystemen.

Hexadezimal2DA145
Dezimal4516169
Binär101101101000011000101
Oktal55241105

Farbtöne

Dunkle Töne der Farbe #2DA145

#2DA145
(45,161,69)
#29933F
(41,147,63)
#258539
(37,133,57)
#217733
(33,119,51)
#1D692D
(29,105,45)
#195B27
(25,91,39)
#154D21
(21,77,33)
#113F1B
(17,63,27)
#0D3115
(13,49,21)
#09230F
(9,35,15)
#051509
(5,21,9)
#000000
(0,0,0)

Helle Töne der Farbe #2DA145

#2DA145
(45,161,69)
#40A955
(64,169,85)
#53B165
(83,177,101)
#66B975
(102,185,117)
#79C185
(121,193,133)
#8CC995
(140,201,149)
#9FD1A5
(159,209,165)
#B2D9B5
(178,217,181)
#C5E1C5
(197,225,197)
#D8E9D5
(216,233,213)
#EBF1E5
(235,241,229)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #2DA145. Bitte benutzen Sie auch rgb(45,161,69) statt hex-Code.

Textfarbe

.myTextColor { color: #2DA145; }

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

Die Farbe dieses Textes ist #2DA145.


Hintergrundfarbe

.myBgColor { background-color: #2DA145; }

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

Der Hintergrund von diesem div ist in Farbe #2DA145.


Grenzfarbe

.myBorderColor { border: 1px solid #2DA145; }

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

Die Grenzen von diesem div sind in Farbe #2DA145.


Transparenz

.myOpacity80 { color: #2DA145; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #2DA145.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #2DA145

Dieser Text ist schwarz auf dem Hintergrund in Farbe #2DA145.


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

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