Farbe #F48E59, hex- und rgb-Codes, Beispiele

Farbeninformationen

#F48E59 enthält hauptsächlich rote Farbe. Für #F48E59 ist eine «websichere» Webfarbe #FF9966 (oder kurz #F96).

Farbmodelle RGB

Die Farbe #F48E59 wird in RGB als (244,142,89) definiert.

Rot hat einen Wert von 244;
Grün hat einen Wert von 142;
Blau hat einen Wert von 89.

RGB:
(244,142,89)
(96%,56%,35%)

Kanäle in RGB und Sättigung

R 244 von 255 = 96%
G 142 von 255 = 56%
B 89 von 255 = 35%

244

142

R + G + B ~ 62%. #F48E59 ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
244 + 142 + 89 = 475 (100%)
R 244 von 475 ~ 51.37%
G 142 von 475 ~ 29.89%
B 89 von 475 ~ 18.74%

%51.37

%29.89

%18.74

Farbmodell CMYK

Die Farbe #F48E59 wird in CMYK als (0,42,64,4) definiert.

Cyan hat einen Wert von 0.00%
Magenta hat einen Wert von 41.80%
Gelb hat einen Wert von 63.52%
Schlüsselfarbe hat einen Wert von 4.31%

CMYK:
(0,42,64,4)
C0M42Y64K4 
(0%,42%,64%,4%)
(0.00/0.42/0.64/0.04)

CMYK-Kanäle in Prozent

%41.8

%63.52

%4.31

Farbcodes

Farbe #F48E59 in den populären Farbmodellen.

	F4	8E	59
RGB	244	142	89
HSL	21°	87.57%	65.29%
HSB/HSV	21°	63.52%	95.69%
CMYK	0.00%	41.80%	63.52%
CMYK	4.31%

Die Farbe #F48E59 in den populären Zahlensystemen.

Hexadezimal	F4	8E	59
Dezimal	244	142	89
Binär	11110100	10001110	1011001
Oktal	364	216	131

Farbtöne

Dunkle Töne der Farbe #F48E59

#F48E59
(244,142,89)

#DE8251
(222,130,81)

#C87649
(200,118,73)

#B26A41
(178,106,65)

#9C5E39
(156,94,57)

#865231
(134,82,49)

#704629
(112,70,41)

#5A3A21
(90,58,33)

#442E19
(68,46,25)

#2E2211
(46,34,17)

#181609
(24,22,9)

#000000
(0,0,0)

Helle Töne der Farbe #F48E59

#F48E59
(244,142,89)

#F59868
(245,152,104)

#F6A277
(246,162,119)

#F7AC86
(247,172,134)

#F8B695
(248,182,149)

#F9C0A4
(249,192,164)

#FACAB3
(250,202,179)

#FBD4C2
(251,212,194)

#FCDED1
(252,222,209)

#FDE8E0
(253,232,224)

#FEF2EF
(254,242,239)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #F48E59. Bitte benutzen Sie auch rgb(244,142,89) statt hex-Code.

Textfarbe

.myTextColor { color: #F48E59; }

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

Die Farbe dieses Textes ist #F48E59.

Hintergrundfarbe

.myBgColor { background-color: #F48E59; }

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

Der Hintergrund von diesem div ist in Farbe #F48E59.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #F48E59.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #F48E59.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #F48E59.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #F48E59

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

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

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

FARBE #F48E59