FARBE #50BCB0

HEX: #50BCB0 RGB: (80,188,176)

Farbeninformationen

#50BCB0 enthält hauptsächlich grüne und blaue Farbe. Für #50BCB0 ist eine «websichere» Webfarbe #66CC99 (oder kurz #6C9).

Farbmodelle RGB

Die Farbe #50BCB0 wird in RGB als (80,188,176) definiert.

RGB: (80,188,176) (31%, 74%, 69%)

Kanäle in RGB und Sättigung

R 80 von 255 = 31%
G 188 von 255 = 74%
B 176 von 255 = 69%

80
188
176

R + G + B ~ 58%. #50BCB0 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 80 + 188 + 176 = 444 (100%)
R 80 von 444 ~ 18.02%
G 188 von 444 ~ 42.34%
B 176 von 444 ~ 39.64'%

%18.02
%42.34
%39.64

Farbmodell CMYK

Die Farbe #50BCB0 wird in CMYK als (57,0,6,26) definiert.

  • Cyan hat einen Wert von 57.45%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 6.38%
  • Schlüsselfarbe hat einen Wert von 26.27%

CMYK: (57,0,6,26)
C57M0Y6K26 (57%, 0%, 6%, 26%)
(0.57 / 0.00 / 0.06 / 0.26)

CMYK-Kanäle in Prozent

%57.45
%0
%6.38
%26.27

Farbcodes

Farbe #50BCB0 in den populären Farbmodellen.

50 BC B0
RGB 80 188 176
HSL 173° 44.63% 52.55%
HSB/HSV 173° 57.45% 73.73%
CMYK 57.45% 0.00% 6.38%
26.27%

Die Farbe #50BCB0 in den populären Zahlensystemen.

Hexadezimal 50 BC B0
Dezimal 80 188 176
Binär 1010000 10111100 10110000
Oktal 120 274 260

Farbtöne

Dunkle Töne der Farbe #50BCB0

#50BCB0
(80,188,176)
#49ABA0
(73,171,160)
#429A90
(66,154,144)
#3B8980
(59,137,128)
#347870
(52,120,112)
#2D6760
(45,103,96)
#265650
(38,86,80)
#1F4540
(31,69,64)
#183430
(24,52,48)
#112320
(17,35,32)
#0A1210
(10,18,16)
#000000
(0,0,0)

Helle Töne der Farbe #50BCB0

#50BCB0
(80,188,176)
#5FC2B7
(95,194,183)
#6EC8BE
(110,200,190)
#7DCEC5
(125,206,197)
#8CD4CC
(140,212,204)
#9BDAD3
(155,218,211)
#AAE0DA
(170,224,218)
#B9E6E1
(185,230,225)
#C8ECE8
(200,236,232)
#D7F2EF
(215,242,239)
#E6F8F6
(230,248,246)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #50BCB0. Bitte benutzen Sie auch rgb(80,188,176) statt hex-Code.

Textfarbe

.myTextColor { color: #50BCB0; }

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

Die Farbe dieses Textes ist #50BCB0.

Hintergrundfarbe

.myBgColor { background-color: #50BCB0; }

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

Der Hintergrund von diesem div ist in Farbe #50BCB0.

Grenzfarbe

.myBorderColor { border: 1px solid #50BCB0; }

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

Die Grenzen von diesem div sind in Farbe #50BCB0.

Transparenz

.myOpacity80 { color: #50BCB0; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #50BCB0.


.textShadow {text-shadow: 3px 3px 1px #50BCB0', 3px 3px 1px red;}

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #50BCB0.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #50BCB0

Dieser Text ist schwarz auf dem Hintergrund in Farbe #50BCB0.


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #AF434F.


I love getcolorcode.com

Farbtriade

1 #B050BC und #BCB050 kombiniert mit #50BCB0 sind eine Farbtriade.

2 #B0BC50 und #BC50B0 kombiniert mit #50BCB0 sind eine Farbtriade.