FARBE #F64B53

HEX: #F64B53
RGB: (246,75,83)

Farbeninformationen

#F64B53 enthält hauptsächlich rote Farbe. Für #F64B53 ist eine «websichere» Webfarbe #FF3366 (oder kurz #F36).

Farbmodelle RGB

Die Farbe #F64B53 wird in RGB als (246,75,83) definiert.

  • Rot hat einen Wert von 246;
  • Grün hat einen Wert von 75;
  • Blau hat einen Wert von 83.
RGB:
(246,75,83)
(96%,29%,33%)

Kanäle in RGB und Sättigung

R 246 von 255 = 96%
G 75 von 255 = 29%
B 83 von 255 = 33%

246
75
83

R + G + B ~ 53%. #F64B53 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
246 + 75 + 83 = 404 (100%)
R 246 von 404 ~ 60.89%
G 75 von 404 ~ 18.56%
B 83 von 404 ~ 20.54%

%60.89
%18.56
%20.54

Farbmodell CMYK

Die Farbe #F64B53 wird in CMYK als (0,70,66,4) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 69.51%
  • Gelb hat einen Wert von 66.26%
  • Schlüsselfarbe hat einen Wert von 3.53%
CMYK:
(0,70,66,4)
C0M70Y66K4 
(0%,70%,66%,4%)
(0.00/0.70/0.66/0.04)	

CMYK-Kanäle in Prozent

%0
%69.51
%66.26
%3.53

Farbcodes

Farbe #F64B53 in den populären Farbmodellen.

F64B53
RGB2467583
HSL357°90.48%62.94%
HSB/HSV357°69.51%96.47%
CMYK0.00%69.51%66.26%
3.53%

Die Farbe #F64B53 in den populären Zahlensystemen.

HexadezimalF64B53
Dezimal2467583
Binär1111011010010111010011
Oktal366113123

Farbtöne

Dunkle Töne der Farbe #F64B53

#F64B53
(246,75,83)
#E0454C
(224,69,76)
#CA3F45
(202,63,69)
#B4393E
(180,57,62)
#9E3337
(158,51,55)
#882D30
(136,45,48)
#722729
(114,39,41)
#5C2122
(92,33,34)
#461B1B
(70,27,27)
#301514
(48,21,20)
#1A0F0D
(26,15,13)
#000000
(0,0,0)

Helle Töne der Farbe #F64B53

#F64B53
(246,75,83)
#F65B62
(246,91,98)
#F66B71
(246,107,113)
#F67B80
(246,123,128)
#F68B8F
(246,139,143)
#F69B9E
(246,155,158)
#F6ABAD
(246,171,173)
#F6BBBC
(246,187,188)
#F6CBCB
(246,203,203)
#F6DBDA
(246,219,218)
#F6EBE9
(246,235,233)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #F64B53; }

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

Die Farbe dieses Textes ist #F64B53.


Hintergrundfarbe

.myBgColor { background-color: #F64B53; }

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

Der Hintergrund von diesem div ist in Farbe #F64B53.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #F64B53.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #F64B53.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #F64B53

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


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

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