FARBE #58835F

HEX: #58835F RGB: (88,131,95)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #58835F wird in RGB als (88,131,95) definiert.

RGB: (88,131,95) (35%, 51%, 37%)

Kanäle in RGB und Sättigung

R 88 von 255 = 35%
G 131 von 255 = 51%
B 95 von 255 = 37%

88
131
95

R + G + B ~ 41%. #58835F mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 88 + 131 + 95 = 314 (100%)
R 88 von 314 ~ 28.03%
G 131 von 314 ~ 41.72%
B 95 von 314 ~ 30.25'%

%28.03
%41.72
%30.25

Farbmodell CMYK

Die Farbe #58835F wird in CMYK als (33,0,27,49) definiert.

  • Cyan hat einen Wert von 32.82%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 27.48%
  • Schlüsselfarbe hat einen Wert von 48.63%
CMYK: (33,0,27,49) C33M0Y27K49 (33%,0%,27%,49%) (0.33/0.00/0.27/0.49) 

CMYK-Kanäle in Prozent

%32.82
%0
%27.48
%48.63

Farbcodes

Farbe #58835F in den populären Farbmodellen.

58 83 5F
RGB 88 131 95
HSL 130° 19.63% 42.94%
HSB/HSV 130° 32.82% 51.37%
CMYK 32.82% 0.00% 27.48%
48.63%

Die Farbe #58835F in den populären Zahlensystemen.

Hexadezimal 58 83 5F
Dezimal 88 131 95
Binär 1011000 10000011 1011111
Oktal 130 203 137

Farbtöne

Dunkle Töne der Farbe #58835F

#58835F
(88,131,95)
#507857
(80,120,87)
#486D4F
(72,109,79)
#406247
(64,98,71)
#38573F
(56,87,63)
#304C37
(48,76,55)
#28412F
(40,65,47)
#203627
(32,54,39)
#182B1F
(24,43,31)
#102017
(16,32,23)
#08150F
(8,21,15)
#000000
(0,0,0)

Helle Töne der Farbe #58835F

#58835F
(88,131,95)
#678E6D
(103,142,109)
#76997B
(118,153,123)
#85A489
(133,164,137)
#94AF97
(148,175,151)
#A3BAA5
(163,186,165)
#B2C5B3
(178,197,179)
#C1D0C1
(193,208,193)
#D0DBCF
(208,219,207)
#DFE6DD
(223,230,221)
#EEF1EB
(238,241,235)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #58835F. Bitte benutzen Sie auch rgb(88,131,95) statt hex-Code.

Textfarbe

.myTextColor { color: #58835F; }

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

Die Farbe dieses Textes ist #58835F.

Hintergrundfarbe

.myBgColor { background-color: #58835F; }

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

Der Hintergrund von diesem div ist in Farbe #58835F.

Grenzfarbe

.myBorderColor { border: 1px solid #58835F; }
<div style="border:3px solid #58835F">Div</div>

Die Grenzen von diesem div sind in Farbe #58835F.

Transparenz

.myOpacity80 { color: #58835F; opacity: 0.8; }

<p style="color:#'.$colorObj['hex'].';opacity:0.8;">80%</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_opacity_text']).' 100% | 80% | 50% | 30%.

'.$lang['color_style_bgcolor_text'].' 100%.

'.$lang['color_style_bgcolor_text'].' 80%.

'.$lang['color_style_bgcolor_text'].' 50%.

'.$lang['color_style_bgcolor_text'].' 30%.

'.$lang['color_style_text_shadow'].'

.textShadow {text-shadow: 3px 3px 1px #'.$colorObj['hex'].';}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].'">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample']).'

.textShadow {text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 5px 5px 20px red">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample2']).'


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)">Text</p>

This text has shadow with #'.$colorObj['hex'].' and red colors in old Internet Explorer.


'.$lang['color_style_box_shadow'].'

 /* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow:1px 1px 3px 2px #'.$colorObj['hex'].';">
Div content here</div>
'.str_replace('%color%',$colorObj['hex'],$lang['color_style_box_shadow_sample']).'
'; ?>

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #58835F

Dieser Text ist schwarz auf dem Hintergrund in Farbe #58835F.


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

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