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

Farbeninformationen

#F4FACC enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #F4FACC ist eine «websichere» Webfarbe #FFFFCC (oder kurz #FFC).

Farbmodelle RGB

Die Farbe #F4FACC wird in RGB als (244,250,204) definiert.

Rot hat einen Wert von 244;
Grün hat einen Wert von 250;
Blau hat einen Wert von 204.

RGB:
(244,250,204)
(96%,98%,80%)

Kanäle in RGB und Sättigung

R 244 von 255 = 96%
G 250 von 255 = 98%
B 204 von 255 = 80%

244

250

204

R + G + B ~ 91%. #F4FACC helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
244 + 250 + 204 = 698 (100%)
R 244 von 698 ~ 34.96%
G 250 von 698 ~ 35.82%
B 204 von 698 ~ 29.23%

%34.96

%35.82

%29.23

Farbmodell CMYK

Die Farbe #F4FACC wird in CMYK als (2,0,18,2) definiert.

Cyan hat einen Wert von 2.40%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 18.40%
Schlüsselfarbe hat einen Wert von 1.96%

CMYK:
(2,0,18,2)
C2M0Y18K2 
(2%,0%,18%,2%)
(0.02/0.00/0.18/0.02)

CMYK-Kanäle in Prozent

%2.4

%18.4

%1.96

Farbcodes

Farbe #F4FACC in den populären Farbmodellen.

	F4	FA	CC
RGB	244	250	204
HSL	68°	82.14%	89.02%
HSB/HSV	68°	18.40%	98.04%
CMYK	2.40%	0.00%	18.40%
CMYK	1.96%

Die Farbe #F4FACC in den populären Zahlensystemen.

Hexadezimal	F4	FA	CC
Dezimal	244	250	204
Binär	11110100	11111010	11001100
Oktal	364	372	314

Farbtöne

Dunkle Töne der Farbe #F4FACC

#F4FACC
(244,250,204)

#DEE4BA
(222,228,186)

#C8CEA8
(200,206,168)

#B2B896
(178,184,150)

#9CA284
(156,162,132)

#868C72
(134,140,114)

#707660
(112,118,96)

#5A604E
(90,96,78)

#444A3C
(68,74,60)

#2E342A
(46,52,42)

#181E18
(24,30,24)

#000000
(0,0,0)

Helle Töne der Farbe #F4FACC

#F4FACC
(244,250,204)

#F5FAD0
(245,250,208)

#F6FAD4
(246,250,212)

#F7FAD8
(247,250,216)

#F8FADC
(248,250,220)

#F9FAE0
(249,250,224)

#FAFAE4
(250,250,228)

#FBFAE8
(251,250,232)

#FCFAEC
(252,250,236)

#FDFAF0
(253,250,240)

#FEFAF4
(254,250,244)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #F4FACC; }

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

Die Farbe dieses Textes ist #F4FACC.

Hintergrundfarbe

.myBgColor { background-color: #F4FACC; }

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

Der Hintergrund von diesem div ist in Farbe #F4FACC.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #F4FACC.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #F4FACC.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #F4FACC.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #F4FACC

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

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

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

FARBE #F4FACC