FARBE #AF5B46

HEX: #AF5B46
RGB: (175,91,70)

Farbeninformationen

#AF5B46 enthält hauptsächlich rote Farbe. Für #AF5B46 ist eine «websichere» Webfarbe #996633 (oder kurz #963).

Farbmodelle RGB

Die Farbe #AF5B46 wird in RGB als (175,91,70) definiert.

  • Rot hat einen Wert von 175;
  • Grün hat einen Wert von 91;
  • Blau hat einen Wert von 70.
RGB:
(175,91,70)
(69%,36%,27%)

Kanäle in RGB und Sättigung

R 175 von 255 = 69%
G 91 von 255 = 36%
B 70 von 255 = 27%

175
91
70

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

Farbverhältnis in prozentualer Angabe

R + G + B =
175 + 91 + 70 = 336 (100%)
R 175 von 336 ~ 52.08%
G 91 von 336 ~ 27.08%
B 70 von 336 ~ 20.83%

%52.08
%27.08
%20.83

Farbmodell CMYK

Die Farbe #AF5B46 wird in CMYK als (0,48,60,31) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 48.00%
  • Gelb hat einen Wert von 60.00%
  • Schlüsselfarbe hat einen Wert von 31.37%
CMYK:
(0,48,60,31)
C0M48Y60K31 
(0%,48%,60%,31%)
(0.00/0.48/0.60/0.31)

CMYK-Kanäle in Prozent

%0
%48
%60
%31.37

Farbcodes

Farbe #AF5B46 in den populären Farbmodellen.

AF5B46
RGB1759170
HSL12°42.86%48.04%
HSB/HSV12°60.00%68.63%
CMYK0.00%48.00%60.00%
31.37%

Die Farbe #AF5B46 in den populären Zahlensystemen.

HexadezimalAF5B46
Dezimal1759170
Binär1010111110110111000110
Oktal257133106

Farbtöne

Dunkle Töne der Farbe #AF5B46

#AF5B46
(175,91,70)
#A05340
(160,83,64)
#914B3A
(145,75,58)
#824334
(130,67,52)
#733B2E
(115,59,46)
#643328
(100,51,40)
#552B22
(85,43,34)
#46231C
(70,35,28)
#371B16
(55,27,22)
#281310
(40,19,16)
#190B0A
(25,11,10)
#000000
(0,0,0)

Helle Töne der Farbe #AF5B46

#AF5B46
(175,91,70)
#B66956
(182,105,86)
#BD7766
(189,119,102)
#C48576
(196,133,118)
#CB9386
(203,147,134)
#D2A196
(210,161,150)
#D9AFA6
(217,175,166)
#E0BDB6
(224,189,182)
#E7CBC6
(231,203,198)
#EED9D6
(238,217,214)
#F5E7E6
(245,231,230)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #AF5B46; }

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

Die Farbe dieses Textes ist #AF5B46.


Hintergrundfarbe

.myBgColor { background-color: #AF5B46; }

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

Der Hintergrund von diesem div ist in Farbe #AF5B46.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #AF5B46.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #AF5B46.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #AF5B46

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


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

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