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

Farbeninformationen

#AFD0B2 enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #AFD0B2 ist eine «websichere» Webfarbe #99CC99 (oder kurz #9C9).

Farbmodelle RGB

Die Farbe #AFD0B2 wird in RGB als (175,208,178) definiert.

Rot hat einen Wert von 175;
Grün hat einen Wert von 208;
Blau hat einen Wert von 178.

RGB:
(175,208,178)
(69%,82%,70%)

Kanäle in RGB und Sättigung

R 175 von 255 = 69%
G 208 von 255 = 82%
B 178 von 255 = 70%

175

208

178

R + G + B ~ 74%. #AFD0B2 ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
175 + 208 + 178 = 561 (100%)
R 175 von 561 ~ 31.19%
G 208 von 561 ~ 37.08%
B 178 von 561 ~ 31.73%

%31.19

%37.08

%31.73

Farbmodell CMYK

Die Farbe #AFD0B2 wird in CMYK als (16,0,14,18) definiert.

Cyan hat einen Wert von 15.87%
Magenta hat einen Wert von 0.00%
Gelb hat einen Wert von 14.42%
Schlüsselfarbe hat einen Wert von 18.43%

CMYK:
(16,0,14,18)
C16M0Y14K18 
(16%,0%,14%,18%)
(0.16/0.00/0.14/0.18)

CMYK-Kanäle in Prozent

%15.87

%14.42

%18.43

Farbcodes

Farbe #AFD0B2 in den populären Farbmodellen.

	AF	D0	B2
RGB	175	208	178
HSL	125°	25.98%	75.10%
HSB/HSV	125°	15.87%	81.57%
CMYK	15.87%	0.00%	14.42%
CMYK	18.43%

Die Farbe #AFD0B2 in den populären Zahlensystemen.

Hexadezimal	AF	D0	B2
Dezimal	175	208	178
Binär	10101111	11010000	10110010
Oktal	257	320	262

Farbtöne

Dunkle Töne der Farbe #AFD0B2

#AFD0B2
(175,208,178)

#A0BEA2
(160,190,162)

#91AC92
(145,172,146)

#829A82
(130,154,130)

#738872
(115,136,114)

#647662
(100,118,98)

#556452
(85,100,82)

#465242
(70,82,66)

#374032
(55,64,50)

#282E22
(40,46,34)

#191C12
(25,28,18)

#000000
(0,0,0)

Helle Töne der Farbe #AFD0B2

#AFD0B2
(175,208,178)

#B6D4B9
(182,212,185)

#BDD8C0
(189,216,192)

#C4DCC7
(196,220,199)

#CBE0CE
(203,224,206)

#D2E4D5
(210,228,213)

#D9E8DC
(217,232,220)

#E0ECE3
(224,236,227)

#E7F0EA
(231,240,234)

#EEF4F1
(238,244,241)

#F5F8F8
(245,248,248)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #AFD0B2. Bitte benutzen Sie auch rgb(175,208,178) statt hex-Code.

Textfarbe

.myTextColor { color: #AFD0B2; }

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

Die Farbe dieses Textes ist #AFD0B2.

Hintergrundfarbe

.myBgColor { background-color: #AFD0B2; }

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

Der Hintergrund von diesem div ist in Farbe #AFD0B2.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #AFD0B2.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #AFD0B2.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #AFD0B2.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #AFD0B2

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

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

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

FARBE #AFD0B2