Farbe #48C7BA, hex- und rgb-Codes, Beispiele

Farbeninformationen

#48C7BA enthält hauptsächlich grüne und blaue Farbe. Für #48C7BA ist eine «websichere» Webfarbe #33CCCC (oder kurz #3CC).

Farbmodelle RGB

Die Farbe #48C7BA wird in RGB als (72,199,186) definiert.

Rot hat einen Wert von 72;
Grün hat einen Wert von 199;
Blau hat einen Wert von 186.

RGB:
(72,199,186)
(28%,78%,73%)

Kanäle in RGB und Sättigung

R 72 von 255 = 28%
G 199 von 255 = 78%
B 186 von 255 = 73%

199

186

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

Farbverhältnis in prozentualer Angabe

R + G + B =
72 + 199 + 186 = 457 (100%)
R 72 von 457 ~ 15.75%
G 199 von 457 ~ 43.54%
B 186 von 457 ~ 40.7%

%15.75

%43.54

%40.7

Farbmodell CMYK

Die Farbe #48C7BA wird in CMYK als (64,0,7,22) definiert.

Cyan hat einen Wert von 63.82%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 6.53%
Schlüsselfarbe hat einen Wert von 21.96%

CMYK:
(64,0,7,22)
C64M0Y7K22 
(64%,0%,7%,22%)
(0.64/0.00/0.07/0.22)

CMYK-Kanäle in Prozent

%63.82

%6.53

%21.96

Farbcodes

Farbe #48C7BA in den populären Farbmodellen.

	48	C7	BA
RGB	72	199	186
HSL	174°	53.14%	53.14%
HSB/HSV	174°	63.82%	78.04%
CMYK	63.82%	0.00%	6.53%
CMYK	21.96%

Die Farbe #48C7BA in den populären Zahlensystemen.

Hexadezimal	48	C7	BA
Dezimal	72	199	186
Binär	1001000	11000111	10111010
Oktal	110	307	272

Farbtöne

Dunkle Töne der Farbe #48C7BA

#48C7BA
(72,199,186)

#42B5AA
(66,181,170)

#3CA39A
(60,163,154)

#36918A
(54,145,138)

#307F7A
(48,127,122)

#2A6D6A
(42,109,106)

#245B5A
(36,91,90)

#1E494A
(30,73,74)

#18373A
(24,55,58)

#12252A
(18,37,42)

#0C131A
(12,19,26)

#000000
(0,0,0)

Helle Töne der Farbe #48C7BA

#48C7BA
(72,199,186)

#58CCC0
(88,204,192)

#68D1C6
(104,209,198)

#78D6CC
(120,214,204)

#88DBD2
(136,219,210)

#98E0D8
(152,224,216)

#A8E5DE
(168,229,222)

#B8EAE4
(184,234,228)

#C8EFEA
(200,239,234)

#D8F4F0
(216,244,240)

#E8F9F6
(232,249,246)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #48C7BA. Bitte benutzen Sie auch rgb(72,199,186) statt hex-Code.

Textfarbe

.myTextColor { color: #48C7BA; }

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

Die Farbe dieses Textes ist #48C7BA.

Hintergrundfarbe

.myBgColor { background-color: #48C7BA; }

<div style="background-color:#48C7BA">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #48C7BA.

Grenzfarbe

.myBorderColor { border: 1px solid #48C7BA; }

<div style="border:3px solid #48C7BA">Div</div>

Die Grenzen von diesem div sind in Farbe #48C7BA.

Transparenz

.myOpacity80 { color: #48C7BA; opacity: 0.8; }

<p style="color:#48C7BA;opacity:0.8;">80%</p>

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

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

Dieser Text hat den Schatten in Farbe #48C7BA.

.textShadow {text-shadow: 3px 3px 1px #48C7BA, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #48C7BA und zusätzlichem Rot.

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

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

This text has shadow with #48C7BA and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #48C7BA.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #48C7BA auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #48C7BA auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #48C7BA

Dieser Text ist schwarz auf dem Hintergrund in Farbe #48C7BA.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #48C7BA

Dieser Text ist weiß auf dem Hintergrund in Farbe #48C7BA.

FARBE #48C7BA