FARBE #3D9ACC

HEX: #3D9ACC
RGB: (61,154,204)

Farbeninformationen

#3D9ACC enthält hauptsächlich grüne und blaue Farbe. Für #3D9ACC ist eine «websichere» Webfarbe #3399CC (oder kurz #39C).

Farbmodelle RGB

Die Farbe #3D9ACC wird in RGB als (61,154,204) definiert.

  • Rot hat einen Wert von 61;
  • Grün hat einen Wert von 154;
  • Blau hat einen Wert von 204.
RGB:
(61,154,204)
(24%,60%,80%)

Kanäle in RGB und Sättigung

R 61 von 255 = 24%
G 154 von 255 = 60%
B 204 von 255 = 80%

61
154
204

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

Farbverhältnis in prozentualer Angabe

R + G + B =
61 + 154 + 204 = 419 (100%)
R 61 von 419 ~ 14.56%
G 154 von 419 ~ 36.75%
B 204 von 419 ~ 48.69%

%14.56
%36.75
%48.69

Farbmodell CMYK

Die Farbe #3D9ACC wird in CMYK als (70,25,0,20) definiert.

  • Cyan hat einen Wert von 70.10%
  • Magenta hat einen Wert von 24.51%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 20.00%
CMYK:
(70,25,0,20)
C70M25Y0K20 
(70%,25%,0%,20%)
(0.70/0.25/0.00/0.20)	

CMYK-Kanäle in Prozent

%70.1
%24.51
%0
%20

Farbcodes

Farbe #3D9ACC in den populären Farbmodellen.

3D9ACC
RGB61154204
HSL201°58.37%51.96%
HSB/HSV201°70.10%80.00%
CMYK70.10%24.51%0.00%
20.00%

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

Hexadezimal3D9ACC
Dezimal61154204
Binär1111011001101011001100
Oktal75232314

Farbtöne

Dunkle Töne der Farbe #3D9ACC

#3D9ACC
(61,154,204)
#388CBA
(56,140,186)
#337EA8
(51,126,168)
#2E7096
(46,112,150)
#296284
(41,98,132)
#245472
(36,84,114)
#1F4660
(31,70,96)
#1A384E
(26,56,78)
#152A3C
(21,42,60)
#101C2A
(16,28,42)
#0B0E18
(11,14,24)
#000000
(0,0,0)

Helle Töne der Farbe #3D9ACC

#3D9ACC
(61,154,204)
#4EA3D0
(78,163,208)
#5FACD4
(95,172,212)
#70B5D8
(112,181,216)
#81BEDC
(129,190,220)
#92C7E0
(146,199,224)
#A3D0E4
(163,208,228)
#B4D9E8
(180,217,232)
#C5E2EC
(197,226,236)
#D6EBF0
(214,235,240)
#E7F4F4
(231,244,244)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #3D9ACC; }

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

Die Farbe dieses Textes ist #3D9ACC.


Hintergrundfarbe

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

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

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


Grenzfarbe

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

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

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


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #3D9ACC.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



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

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


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

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