Farbe #5AA0AA, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #5AA0AA wird in RGB als (90,160,170) definiert.

Rot hat einen Wert von 90;
Grün hat einen Wert von 160;
Blau hat einen Wert von 170.

RGB:
(90,160,170)
(35%,63%,67%)

Kanäle in RGB und Sättigung

R 90 von 255 = 35%
G 160 von 255 = 63%
B 170 von 255 = 67%

160

170

R + G + B ~ 55%. #5AA0AA mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
90 + 160 + 170 = 420 (100%)
R 90 von 420 ~ 21.43%
G 160 von 420 ~ 38.1%
B 170 von 420 ~ 40.48%

%21.43

%38.1

%40.48

Farbmodell CMYK

Die Farbe #5AA0AA wird in CMYK als (47,6,0,33) definiert.

Cyan hat einen Wert von 47.06%
Magenta hat einen Wert von 5.88%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 33.33%

CMYK:
(47,6,0,33)
C47M6Y0K33 
(47%,6%,0%,33%)
(0.47/0.06/0.00/0.33)

CMYK-Kanäle in Prozent

%47.06

%5.88

%33.33

Farbcodes

Farbe #5AA0AA in den populären Farbmodellen.

	5A	A0	AA
RGB	90	160	170
HSL	188°	32.00%	50.98%
HSB/HSV	188°	47.06%	66.67%
CMYK	47.06%	5.88%	0.00%
CMYK	33.33%

Die Farbe #5AA0AA in den populären Zahlensystemen.

Hexadezimal	5A	A0	AA
Dezimal	90	160	170
Binär	1011010	10100000	10101010
Oktal	132	240	252

Farbtöne

Dunkle Töne der Farbe #5AA0AA

#5AA0AA
(90,160,170)

#52929B
(82,146,155)

#4A848C
(74,132,140)

#42767D
(66,118,125)

#3A686E
(58,104,110)

#325A5F
(50,90,95)

#2A4C50
(42,76,80)

#223E41
(34,62,65)

#1A3032
(26,48,50)

#122223
(18,34,35)

#0A1414
(10,20,20)

#000000
(0,0,0)

Helle Töne der Farbe #5AA0AA

#5AA0AA
(90,160,170)

#69A8B1
(105,168,177)

#78B0B8
(120,176,184)

#87B8BF
(135,184,191)

#96C0C6
(150,192,198)

#A5C8CD
(165,200,205)

#B4D0D4
(180,208,212)

#C3D8DB
(195,216,219)

#D2E0E2
(210,224,226)

#E1E8E9
(225,232,233)

#F0F0F0
(240,240,240)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #5AA0AA. Bitte benutzen Sie auch rgb(90,160,170) statt hex-Code.

Textfarbe

.myTextColor { color: #5AA0AA; }

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

Die Farbe dieses Textes ist #5AA0AA.

Hintergrundfarbe

.myBgColor { background-color: #5AA0AA; }

<div style="background-color:#5AA0AA">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #5AA0AA.

Grenzfarbe

.myBorderColor { border: 1px solid #5AA0AA; }

<div style="border:3px solid #5AA0AA">Div</div>

Die Grenzen von diesem div sind in Farbe #5AA0AA.

Transparenz

.myOpacity80 { color: #5AA0AA; opacity: 0.8; }

<p style="color:#5AA0AA;opacity:0.8;">80%</p>

Text in Farbe #5AA0AA 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 #5AA0AA;}

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

Dieser Text hat den Schatten in Farbe #5AA0AA.

.textShadow {text-shadow: 3px 3px 1px #5AA0AA, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #5AA0AA und zusätzlichem Rot.

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

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

This text has shadow with #5AA0AA and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #5AA0AA.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #5AA0AA auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #5AA0AA auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #5AA0AA

Dieser Text ist schwarz auf dem Hintergrund in Farbe #5AA0AA.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #5AA0AA

Dieser Text ist weiß auf dem Hintergrund in Farbe #5AA0AA.

FARBE #5AA0AA