FARBE #559FA0

HEX: #559FA0 RGB: (85,159,160)

Farbeninformationen

#559FA0 enthält hauptsächlich grüne und blaue Farbe. Für #559FA0 ist eine «websichere» Webfarbe #669999 (oder kurz #699).

Farbmodelle RGB

Die Farbe #559FA0 wird in RGB als (85,159,160) definiert.

RGB: (85,159,160) (33%, 62%, 63%)

Kanäle in RGB und Sättigung

R 85 von 255 = 33%
G 159 von 255 = 62%
B 160 von 255 = 63%

85
159
160

R + G + B ~ 53%. #559FA0 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 85 + 159 + 160 = 404 (100%)
R 85 von 404 ~ 21.04%
G 159 von 404 ~ 39.36%
B 160 von 404 ~ 39.6'%

%21.04
%39.36
%39.6

Farbmodell CMYK

Die Farbe #559FA0 wird in CMYK als (47,1,0,37) definiert.

  • Cyan hat einen Wert von 46.88%
  • Magenta hat einen Wert von 0.62%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 37.25%

CMYK: (47,1,0,37)
C47M1Y0K37 (47%, 1%, 0%, 37%)
(0.47 / 0.01 / 0.00 / 0.37)

CMYK-Kanäle in Prozent

%46.88
%0.62
%0
%37.25

Farbcodes

Farbe #559FA0 in den populären Farbmodellen.

55 9F A0
RGB 85 159 160
HSL 181° 30.61% 48.04%
HSB/HSV 181° 46.88% 62.75%
CMYK 46.88% 0.62% 0.00%
37.25%

Die Farbe #559FA0 in den populären Zahlensystemen.

Hexadezimal 55 9F A0
Dezimal 85 159 160
Binär 1010101 10011111 10100000
Oktal 125 237 240

Farbtöne

Dunkle Töne der Farbe #559FA0

#559FA0
(85,159,160)
#4E9192
(78,145,146)
#478384
(71,131,132)
#407576
(64,117,118)
#396768
(57,103,104)
#32595A
(50,89,90)
#2B4B4C
(43,75,76)
#243D3E
(36,61,62)
#1D2F30
(29,47,48)
#162122
(22,33,34)
#0F1314
(15,19,20)
#000000
(0,0,0)

Helle Töne der Farbe #559FA0

#559FA0
(85,159,160)
#64A7A8
(100,167,168)
#73AFB0
(115,175,176)
#82B7B8
(130,183,184)
#91BFC0
(145,191,192)
#A0C7C8
(160,199,200)
#AFCFD0
(175,207,208)
#BED7D8
(190,215,216)
#CDDFE0
(205,223,224)
#DCE7E8
(220,231,232)
#EBEFF0
(235,239,240)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #559FA0. Bitte benutzen Sie auch rgb(85,159,160) statt hex-Code.

Textfarbe

.myTextColor { color: #559FA0; }

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

Die Farbe dieses Textes ist #559FA0.

Hintergrundfarbe

.myBgColor { background-color: #559FA0; }

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

Der Hintergrund von diesem div ist in Farbe #559FA0.

Grenzfarbe

.myBorderColor { border: 1px solid #559FA0; }

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

Die Grenzen von diesem div sind in Farbe #559FA0.

Transparenz

.myOpacity80 { color: #559FA0; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #559FA0.


.textShadow {text-shadow: 3px 3px 1px #559FA0', 3px 3px 1px red;}

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #559FA0.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #559FA0

Dieser Text ist schwarz auf dem Hintergrund in Farbe #559FA0.


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #AA605F.


I love getcolorcode.com

Farbtriade

1 #A0559F und #9FA055 kombiniert mit #559FA0 sind eine Farbtriade.

2 #A09F55 und #9F55A0 kombiniert mit #559FA0 sind eine Farbtriade.