FARBE #4B5368

HEX: #4B5368
RGB: (75,83,104)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #4B5368 wird in RGB als (75,83,104) definiert.

  • Rot hat einen Wert von 75;
  • Grün hat einen Wert von 83;
  • Blau hat einen Wert von 104.
RGB:
(75,83,104)
(29%,33%,41%)

Kanäle in RGB und Sättigung

R 75 von 255 = 29%
G 83 von 255 = 33%
B 104 von 255 = 41%

75
83
104

R + G + B ~ 34%. #4B5368 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
75 + 83 + 104 = 262 (100%)
R 75 von 262 ~ 28.63%
G 83 von 262 ~ 31.68%
B 104 von 262 ~ 39.69%

%28.63
%31.68
%39.69

Farbmodell CMYK

Die Farbe #4B5368 wird in CMYK als (28,20,0,59) definiert.

  • Cyan hat einen Wert von 27.88%
  • Magenta hat einen Wert von 20.19%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 59.22%
CMYK:
(28,20,0,59)
C28M20Y0K59 
(28%,20%,0%,59%)
(0.28/0.20/0.00/0.59)	

CMYK-Kanäle in Prozent

%27.88
%20.19
%0
%59.22

Farbcodes

Farbe #4B5368 in den populären Farbmodellen.

4B5368
RGB7583104
HSL223°16.20%35.10%
HSB/HSV223°27.88%40.78%
CMYK27.88%20.19%0.00%
59.22%

Die Farbe #4B5368 in den populären Zahlensystemen.

Hexadezimal4B5368
Dezimal7583104
Binär100101110100111101000
Oktal113123150

Farbtöne

Dunkle Töne der Farbe #4B5368

#4B5368
(75,83,104)
#454C5F
(69,76,95)
#3F4556
(63,69,86)
#393E4D
(57,62,77)
#333744
(51,55,68)
#2D303B
(45,48,59)
#272932
(39,41,50)
#212229
(33,34,41)
#1B1B20
(27,27,32)
#151417
(21,20,23)
#0F0D0E
(15,13,14)
#000000
(0,0,0)

Helle Töne der Farbe #4B5368

#4B5368
(75,83,104)
#5B6275
(91,98,117)
#6B7182
(107,113,130)
#7B808F
(123,128,143)
#8B8F9C
(139,143,156)
#9B9EA9
(155,158,169)
#ABADB6
(171,173,182)
#BBBCC3
(187,188,195)
#CBCBD0
(203,203,208)
#DBDADD
(219,218,221)
#EBE9EA
(235,233,234)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #4B5368. Bitte benutzen Sie auch rgb(75,83,104) statt hex-Code.

Textfarbe

.myTextColor { color: #4B5368; }

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

Die Farbe dieses Textes ist #4B5368.


Hintergrundfarbe

.myBgColor { background-color: #4B5368; }

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

Der Hintergrund von diesem div ist in Farbe #4B5368.


Grenzfarbe

.myBorderColor { border: 1px solid #4B5368; }

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

Die Grenzen von diesem div sind in Farbe #4B5368.


Transparenz

.myOpacity80 { color: #4B5368; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #4B5368.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #4B5368

Dieser Text ist schwarz auf dem Hintergrund in Farbe #4B5368.


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

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