FARBE #3C93B0

HEX: #3C93B0
RGB: (60,147,176)

Farbeninformationen

#3C93B0 enthält hauptsächlich grüne und blaue Farbe. Für #3C93B0 ist eine «websichere» Webfarbe #339999 (oder kurz #399).

Farbmodelle RGB

Die Farbe #3C93B0 wird in RGB als (60,147,176) definiert.

  • Rot hat einen Wert von 60;
  • Grün hat einen Wert von 147;
  • Blau hat einen Wert von 176.
RGB:
(60,147,176)
(24%,58%,69%)

Kanäle in RGB und Sättigung

R 60 von 255 = 24%
G 147 von 255 = 58%
B 176 von 255 = 69%

60
147
176

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

Farbverhältnis in prozentualer Angabe

R + G + B =
60 + 147 + 176 = 383 (100%)
R 60 von 383 ~ 15.67%
G 147 von 383 ~ 38.38%
B 176 von 383 ~ 45.95%

%15.67
%38.38
%45.95

Farbmodell CMYK

Die Farbe #3C93B0 wird in CMYK als (66,16,0,31) definiert.

  • Cyan hat einen Wert von 65.91%
  • Magenta hat einen Wert von 16.48%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 30.98%
CMYK:
(66,16,0,31)
C66M16Y0K31 
(66%,16%,0%,31%)
(0.66/0.16/0.00/0.31)	

CMYK-Kanäle in Prozent

%65.91
%16.48
%0
%30.98

Farbcodes

Farbe #3C93B0 in den populären Farbmodellen.

3C93B0
RGB60147176
HSL195°49.15%46.27%
HSB/HSV195°65.91%69.02%
CMYK65.91%16.48%0.00%
30.98%

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

Hexadezimal3C93B0
Dezimal60147176
Binär1111001001001110110000
Oktal74223260

Farbtöne

Dunkle Töne der Farbe #3C93B0

#3C93B0
(60,147,176)
#3786A0
(55,134,160)
#327990
(50,121,144)
#2D6C80
(45,108,128)
#285F70
(40,95,112)
#235260
(35,82,96)
#1E4550
(30,69,80)
#193840
(25,56,64)
#142B30
(20,43,48)
#0F1E20
(15,30,32)
#0A1110
(10,17,16)
#000000
(0,0,0)

Helle Töne der Farbe #3C93B0

#3C93B0
(60,147,176)
#4D9CB7
(77,156,183)
#5EA5BE
(94,165,190)
#6FAEC5
(111,174,197)
#80B7CC
(128,183,204)
#91C0D3
(145,192,211)
#A2C9DA
(162,201,218)
#B3D2E1
(179,210,225)
#C4DBE8
(196,219,232)
#D5E4EF
(213,228,239)
#E6EDF6
(230,237,246)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #3C93B0. Bitte benutzen Sie auch rgb(60,147,176) statt hex-Code.

Textfarbe

.myTextColor { color: #3C93B0; }

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

Die Farbe dieses Textes ist #3C93B0.


Hintergrundfarbe

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

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

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


Grenzfarbe

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

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

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


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #3C93B0.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



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

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


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

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