FARBE #F66BCC

HEX: #F66BCC
RGB: (246,107,204)

Farbeninformationen

#F66BCC enthält hauptsächlich rote und blaue Farbe. Für #F66BCC ist eine «websichere» Webfarbe #FF66CC (oder kurz #F6C).

Farbmodelle RGB

Die Farbe #F66BCC wird in RGB als (246,107,204) definiert.

  • Rot hat einen Wert von 246;
  • Grün hat einen Wert von 107;
  • Blau hat einen Wert von 204.
RGB:
(246,107,204)
(96%,42%,80%)

Kanäle in RGB und Sättigung

R 246 von 255 = 96%
G 107 von 255 = 42%
B 204 von 255 = 80%

246
107
204

R + G + B ~ 73%. #F66BCC ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
246 + 107 + 204 = 557 (100%)
R 246 von 557 ~ 44.17%
G 107 von 557 ~ 19.21%
B 204 von 557 ~ 36.62%

%44.17
%19.21
%36.62

Farbmodell CMYK

Die Farbe #F66BCC wird in CMYK als (0,57,17,4) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 56.50%
  • Gelb hat einen Wert von 17.07%
  • Schlüsselfarbe hat einen Wert von 3.53%
CMYK:
(0,57,17,4)
C0M57Y17K4 
(0%,57%,17%,4%)
(0.00/0.57/0.17/0.04)	

CMYK-Kanäle in Prozent

%0
%56.5
%17.07
%3.53

Farbcodes

Farbe #F66BCC in den populären Farbmodellen.

F66BCC
RGB246107204
HSL318°88.54%69.22%
HSB/HSV318°56.50%96.47%
CMYK0.00%56.50%17.07%
3.53%

Die Farbe #F66BCC in den populären Zahlensystemen.

HexadezimalF66BCC
Dezimal246107204
Binär11110110110101111001100
Oktal366153314

Farbtöne

Dunkle Töne der Farbe #F66BCC

#F66BCC
(246,107,204)
#E062BA
(224,98,186)
#CA59A8
(202,89,168)
#B45096
(180,80,150)
#9E4784
(158,71,132)
#883E72
(136,62,114)
#723560
(114,53,96)
#5C2C4E
(92,44,78)
#46233C
(70,35,60)
#301A2A
(48,26,42)
#1A1118
(26,17,24)
#000000
(0,0,0)

Helle Töne der Farbe #F66BCC

#F66BCC
(246,107,204)
#F678D0
(246,120,208)
#F685D4
(246,133,212)
#F692D8
(246,146,216)
#F69FDC
(246,159,220)
#F6ACE0
(246,172,224)
#F6B9E4
(246,185,228)
#F6C6E8
(246,198,232)
#F6D3EC
(246,211,236)
#F6E0F0
(246,224,240)
#F6EDF4
(246,237,244)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #F66BCC. Bitte benutzen Sie auch rgb(246,107,204) statt hex-Code.

Textfarbe

.myTextColor { color: #F66BCC; }

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

Die Farbe dieses Textes ist #F66BCC.


Hintergrundfarbe

.myBgColor { background-color: #F66BCC; }

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

Der Hintergrund von diesem div ist in Farbe #F66BCC.


Grenzfarbe

.myBorderColor { border: 1px solid #F66BCC; }

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

Die Grenzen von diesem div sind in Farbe #F66BCC.


Transparenz

.myOpacity80 { color: #F66BCC; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #F66BCC.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #F66BCC

Dieser Text ist schwarz auf dem Hintergrund in Farbe #F66BCC.


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

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