FARBE #553D75

HEX: #553D75
RGB: (85,61,117)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #553D75 wird in RGB als (85,61,117) definiert.

  • Rot hat einen Wert von 85;
  • Grün hat einen Wert von 61;
  • Blau hat einen Wert von 117.
RGB:
(85,61,117)
(33%,24%,46%)

Kanäle in RGB und Sättigung

R 85 von 255 = 33%
G 61 von 255 = 24%
B 117 von 255 = 46%

85
61
117

R + G + B ~ 34%. #553D75 ziemlich dunkle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
85 + 61 + 117 = 263 (100%)
R 85 von 263 ~ 32.32%
G 61 von 263 ~ 23.19%
B 117 von 263 ~ 44.49%

%32.32
%23.19
%44.49

Farbmodell CMYK

Die Farbe #553D75 wird in CMYK als (27,48,0,54) definiert.

  • Cyan hat einen Wert von 27.35%
  • Magenta hat einen Wert von 47.86%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 54.12%
CMYK:
(27,48,0,54)
C27M48Y0K54 
(27%,48%,0%,54%)
(0.27/0.48/0.00/0.54)

CMYK-Kanäle in Prozent

%27.35
%47.86
%0
%54.12

Farbcodes

Farbe #553D75 in den populären Farbmodellen.

553D75
RGB8561117
HSL266°31.46%34.90%
HSB/HSV266°47.86%45.88%
CMYK27.35%47.86%0.00%
54.12%

Die Farbe #553D75 in den populären Zahlensystemen.

Hexadezimal553D75
Dezimal8561117
Binär10101011111011110101
Oktal12575165

Farbtöne

Dunkle Töne der Farbe #553D75

#553D75
(85,61,117)
#4E386B
(78,56,107)
#473361
(71,51,97)
#402E57
(64,46,87)
#39294D
(57,41,77)
#322443
(50,36,67)
#2B1F39
(43,31,57)
#241A2F
(36,26,47)
#1D1525
(29,21,37)
#16101B
(22,16,27)
#0F0B11
(15,11,17)
#000000
(0,0,0)

Helle Töne der Farbe #553D75

#553D75
(85,61,117)
#644E81
(100,78,129)
#735F8D
(115,95,141)
#827099
(130,112,153)
#9181A5
(145,129,165)
#A092B1
(160,146,177)
#AFA3BD
(175,163,189)
#BEB4C9
(190,180,201)
#CDC5D5
(205,197,213)
#DCD6E1
(220,214,225)
#EBE7ED
(235,231,237)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #553D75. Bitte benutzen Sie auch rgb(85,61,117) statt hex-Code.

Textfarbe

.myTextColor { color: #553D75; }

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

Die Farbe dieses Textes ist #553D75.


Hintergrundfarbe

.myBgColor { background-color: #553D75; }

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

Der Hintergrund von diesem div ist in Farbe #553D75.


Grenzfarbe

.myBorderColor { border: 1px solid #553D75; }

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

Die Grenzen von diesem div sind in Farbe #553D75.


Transparenz

.myOpacity80 { color: #553D75; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #553D75.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #553D75

Dieser Text ist schwarz auf dem Hintergrund in Farbe #553D75.


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

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