Farbe #673A25, hex- und rgb-Codes, Beispiele

Farbeninformationen

#673A25 enthält hauptsächlich rote und grüne Farbe. Für #673A25 ist eine «websichere» Webfarbe #663333 (oder kurz #633).

Farbmodelle RGB

Die Farbe #673A25 wird in RGB als (103,58,37) definiert.

Rot hat einen Wert von 103;
Grün hat einen Wert von 58;
Blau hat einen Wert von 37.

RGB:
(103,58,37)
(40%,23%,15%)

Kanäle in RGB und Sättigung

R 103 von 255 = 40%
G 58 von 255 = 23%
B 37 von 255 = 15%

103

R + G + B ~ 26%. #673A25 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
103 + 58 + 37 = 198 (100%)
R 103 von 198 ~ 52.02%
G 58 von 198 ~ 29.29%
B 37 von 198 ~ 18.69%

%52.02

%29.29

%18.69

Farbmodell CMYK

Die Farbe #673A25 wird in CMYK als (0,44,64,60) definiert.

Cyan hat einen Wert von 0.00%
Magenta hat einen Wert von 43.69%
Gelb hat einen Wert von 64.08%
Schlüsselfarbe hat einen Wert von 59.61%

CMYK:
(0,44,64,60)
C0M44Y64K60 
(0%,44%,64%,60%)
(0.00/0.44/0.64/0.60)

CMYK-Kanäle in Prozent

%43.69

%64.08

%59.61

Farbcodes

Farbe #673A25 in den populären Farbmodellen.

	67	3A	25
RGB	103	58	37
HSL	19°	47.14%	27.45%
HSB/HSV	19°	64.08%	40.39%
CMYK	0.00%	43.69%	64.08%
CMYK	59.61%

Die Farbe #673A25 in den populären Zahlensystemen.

Hexadezimal	67	3A	25
Dezimal	103	58	37
Binär	1100111	111010	100101
Oktal	147	72	45

Farbtöne

Dunkle Töne der Farbe #673A25

#673A25
(103,58,37)

#5E3522
(94,53,34)

#55301F
(85,48,31)

#4C2B1C
(76,43,28)

#432619
(67,38,25)

#3A2116
(58,33,22)

#311C13
(49,28,19)

#281710
(40,23,16)

#1F120D
(31,18,13)

#160D0A
(22,13,10)

#0D0807
(13,8,7)

#000000
(0,0,0)

Helle Töne der Farbe #673A25

#673A25
(103,58,37)

#744B38
(116,75,56)

#815C4B
(129,92,75)

#8E6D5E
(142,109,94)

#9B7E71
(155,126,113)

#A88F84
(168,143,132)

#B5A097
(181,160,151)

#C2B1AA
(194,177,170)

#CFC2BD
(207,194,189)

#DCD3D0
(220,211,208)

#E9E4E3
(233,228,227)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #673A25. Bitte benutzen Sie auch rgb(103,58,37) statt hex-Code.

Textfarbe

.myTextColor { color: #673A25; }

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

Die Farbe dieses Textes ist #673A25.

Hintergrundfarbe

.myBgColor { background-color: #673A25; }

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

Der Hintergrund von diesem div ist in Farbe #673A25.

Grenzfarbe

.myBorderColor { border: 1px solid #673A25; }

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

Die Grenzen von diesem div sind in Farbe #673A25.

Transparenz

.myOpacity80 { color: #673A25; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #673A25.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #673A25.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #673A25

Dieser Text ist schwarz auf dem Hintergrund in Farbe #673A25.

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

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

FARBE #673A25