FARBE #02A576

HEX: #02A576
RGB: (2,165,118)

Farbeninformationen

#02A576 enthält hauptsächlich grüne und blaue Farbe. Für #02A576 ist eine «websichere» Webfarbe #009966 (oder kurz #096).

Farbmodelle RGB

Die Farbe #02A576 wird in RGB als (2,165,118) definiert.

  • Rot hat einen Wert von 2;
  • Grün hat einen Wert von 165;
  • Blau hat einen Wert von 118.
RGB:
(2,165,118)
(1%,65%,46%)

Kanäle in RGB und Sättigung

R 2 von 255 = 1%
G 165 von 255 = 65%
B 118 von 255 = 46%

2
165
118

R + G + B ~ 37%. #02A576 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
2 + 165 + 118 = 285 (100%)
R 2 von 285 ~ 0.7%
G 165 von 285 ~ 57.89%
B 118 von 285 ~ 41.4%

%57.89
%41.4

Farbmodell CMYK

Die Farbe #02A576 wird in CMYK als (99,0,28,35) definiert.

  • Cyan hat einen Wert von 98.79%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 28.48%
  • Schlüsselfarbe hat einen Wert von 35.29%
CMYK:
(99,0,28,35)
C99M0Y28K35 
(99%,0%,28%,35%)
(0.99/0.00/0.28/0.35)	

CMYK-Kanäle in Prozent

%98.79
%0
%28.48
%35.29

Farbcodes

Farbe #02A576 in den populären Farbmodellen.

02A576
RGB2165118
HSL163°97.60%32.75%
HSB/HSV163°98.79%64.71%
CMYK98.79%0.00%28.48%
35.29%

Die Farbe #02A576 in den populären Zahlensystemen.

Hexadezimal02A576
Dezimal2165118
Binär10101001011110110
Oktal2245166

Farbtöne

Dunkle Töne der Farbe #02A576

#02A576
(2,165,118)
#02966C
(2,150,108)
#028762
(2,135,98)
#027858
(2,120,88)
#02694E
(2,105,78)
#025A44
(2,90,68)
#024B3A
(2,75,58)
#023C30
(2,60,48)
#022D26
(2,45,38)
#021E1C
(2,30,28)
#020F12
(2,15,18)
#000000
(0,0,0)

Helle Töne der Farbe #02A576

#02A576
(2,165,118)
#19AD82
(25,173,130)
#30B58E
(48,181,142)
#47BD9A
(71,189,154)
#5EC5A6
(94,197,166)
#75CDB2
(117,205,178)
#8CD5BE
(140,213,190)
#A3DDCA
(163,221,202)
#BAE5D6
(186,229,214)
#D1EDE2
(209,237,226)
#E8F5EE
(232,245,238)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #02A576. Bitte benutzen Sie auch rgb(2,165,118) statt hex-Code.

Textfarbe

.myTextColor { color: #02A576; }

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

Die Farbe dieses Textes ist #02A576.


Hintergrundfarbe

.myBgColor { background-color: #02A576; }

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

Der Hintergrund von diesem div ist in Farbe #02A576.


Grenzfarbe

.myBorderColor { border: 1px solid #02A576; }

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

Die Grenzen von diesem div sind in Farbe #02A576.


Transparenz

.myOpacity80 { color: #02A576; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #02A576.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #02A576

Dieser Text ist schwarz auf dem Hintergrund in Farbe #02A576.


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

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