Farbe #3BDFCC, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #3BDFCC wird in RGB als (59,223,204) definiert.

Rot hat einen Wert von 59;
Grün hat einen Wert von 223;
Blau hat einen Wert von 204.

RGB:
(59,223,204)
(23%,87%,80%)

Kanäle in RGB und Sättigung

R 59 von 255 = 23%
G 223 von 255 = 87%
B 204 von 255 = 80%

223

204

R + G + B ~ 63%. #3BDFCC ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
59 + 223 + 204 = 486 (100%)
R 59 von 486 ~ 12.14%
G 223 von 486 ~ 45.88%
B 204 von 486 ~ 41.98%

%12.14

%45.88

%41.98

Farbmodell CMYK

Die Farbe #3BDFCC wird in CMYK als (74,0,9,13) definiert.

Cyan hat einen Wert von 73.54%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 8.52%
Schlüsselfarbe hat einen Wert von 12.55%

CMYK:
(74,0,9,13)
C74M0Y9K13 
(74%,0%,9%,13%)
(0.74/0.00/0.09/0.13)

CMYK-Kanäle in Prozent

%73.54

%8.52

%12.55

Farbcodes

Farbe #3BDFCC in den populären Farbmodellen.

	3B	DF	CC
RGB	59	223	204
HSL	173°	71.93%	55.29%
HSB/HSV	173°	73.54%	87.45%
CMYK	73.54%	0.00%	8.52%
CMYK	12.55%

Die Farbe #3BDFCC in den populären Zahlensystemen.

Hexadezimal	3B	DF	CC
Dezimal	59	223	204
Binär	111011	11011111	11001100
Oktal	73	337	314

Farbtöne

Dunkle Töne der Farbe #3BDFCC

#3BDFCC
(59,223,204)

#36CBBA
(54,203,186)

#31B7A8
(49,183,168)

#2CA396
(44,163,150)

#278F84
(39,143,132)

#227B72
(34,123,114)

#1D6760
(29,103,96)

#18534E
(24,83,78)

#133F3C
(19,63,60)

#0E2B2A
(14,43,42)

#091718
(9,23,24)

#000000
(0,0,0)

Helle Töne der Farbe #3BDFCC

#3BDFCC
(59,223,204)

#4CE1D0
(76,225,208)

#5DE3D4
(93,227,212)

#6EE5D8
(110,229,216)

#7FE7DC
(127,231,220)

#90E9E0
(144,233,224)

#A1EBE4
(161,235,228)

#B2EDE8
(178,237,232)

#C3EFEC
(195,239,236)

#D4F1F0
(212,241,240)

#E5F3F4
(229,243,244)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #3BDFCC. Bitte benutzen Sie auch rgb(59,223,204) statt hex-Code.

Textfarbe

.myTextColor { color: #3BDFCC; }

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

Die Farbe dieses Textes ist #3BDFCC.

Hintergrundfarbe

.myBgColor { background-color: #3BDFCC; }

<div style="background-color:#3BDFCC">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #3BDFCC.

Grenzfarbe

.myBorderColor { border: 1px solid #3BDFCC; }

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

Die Grenzen von diesem div sind in Farbe #3BDFCC.

Transparenz

.myOpacity80 { color: #3BDFCC; opacity: 0.8; }

<p style="color:#3BDFCC;opacity:0.8;">80%</p>

Text in Farbe #3BDFCC 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 #3BDFCC;}

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

Dieser Text hat den Schatten in Farbe #3BDFCC.

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

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

Dieser Text hat den Schatten in Grundfarbe #3BDFCC und zusätzlichem Rot.

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

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

This text has shadow with #3BDFCC and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #3BDFCC.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #3BDFCC auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #3BDFCC auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #3BDFCC

Dieser Text ist schwarz auf dem Hintergrund in Farbe #3BDFCC.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #3BDFCC

Dieser Text ist weiß auf dem Hintergrund in Farbe #3BDFCC.

FARBE #3BDFCC