Farbe #74A5B0, hex- und rgb-Codes, Beispiele

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #74A5B0 wird in RGB als (116,165,176) definiert.

Rot hat einen Wert von 116;
Grün hat einen Wert von 165;
Blau hat einen Wert von 176.

RGB:
(116,165,176)
(45%,65%,69%)

Kanäle in RGB und Sättigung

R 116 von 255 = 45%
G 165 von 255 = 65%
B 176 von 255 = 69%

116

165

176

R + G + B ~ 60%. #74A5B0 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
116 + 165 + 176 = 457 (100%)
R 116 von 457 ~ 25.38%
G 165 von 457 ~ 36.11%
B 176 von 457 ~ 38.51%

%25.38

%36.11

%38.51

Farbmodell CMYK

Die Farbe #74A5B0 wird in CMYK als (34,6,0,31) definiert.

Cyan hat einen Wert von 34.09%
Magenta hat einen Wert von 6.25%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 30.98%

CMYK:
(34,6,0,31)
C34M6Y0K31 
(34%,6%,0%,31%)
(0.34/0.06/0.00/0.31)

CMYK-Kanäle in Prozent

%34.09

%6.25

%30.98

Farbcodes

Farbe #74A5B0 in den populären Farbmodellen.

	74	A5	B0
RGB	116	165	176
HSL	191°	27.52%	57.25%
HSB/HSV	191°	34.09%	69.02%
CMYK	34.09%	6.25%	0.00%
CMYK	30.98%

Die Farbe #74A5B0 in den populären Zahlensystemen.

Hexadezimal	74	A5	B0
Dezimal	116	165	176
Binär	1110100	10100101	10110000
Oktal	164	245	260

Farbtöne

Dunkle Töne der Farbe #74A5B0

#74A5B0
(116,165,176)

#6A96A0
(106,150,160)

#608790
(96,135,144)

#567880
(86,120,128)

#4C6970
(76,105,112)

#425A60
(66,90,96)

#384B50
(56,75,80)

#2E3C40
(46,60,64)

#242D30
(36,45,48)

#1A1E20
(26,30,32)

#100F10
(16,15,16)

#000000
(0,0,0)

Helle Töne der Farbe #74A5B0

#74A5B0
(116,165,176)

#80ADB7
(128,173,183)

#8CB5BE
(140,181,190)

#98BDC5
(152,189,197)

#A4C5CC
(164,197,204)

#B0CDD3
(176,205,211)

#BCD5DA
(188,213,218)

#C8DDE1
(200,221,225)

#D4E5E8
(212,229,232)

#E0EDEF
(224,237,239)

#ECF5F6
(236,245,246)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #74A5B0. Bitte benutzen Sie auch rgb(116,165,176) statt hex-Code.

Textfarbe

.myTextColor { color: #74A5B0; }

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

Die Farbe dieses Textes ist #74A5B0.

Hintergrundfarbe

.myBgColor { background-color: #74A5B0; }

<div style="background-color:#74A5B0">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #74A5B0.

Grenzfarbe

.myBorderColor { border: 1px solid #74A5B0; }

<div style="border:3px solid #74A5B0">Div</div>

Die Grenzen von diesem div sind in Farbe #74A5B0.

Transparenz

.myOpacity80 { color: #74A5B0; opacity: 0.8; }

<p style="color:#74A5B0;opacity:0.8;">80%</p>

Text in Farbe #74A5B0 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 #74A5B0;}

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

Dieser Text hat den Schatten in Farbe #74A5B0.

.textShadow {text-shadow: 3px 3px 1px #74A5B0, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #74A5B0 und zusätzlichem Rot.

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

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

This text has shadow with #74A5B0 and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #74A5B0.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #74A5B0 auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #74A5B0 auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #74A5B0

Dieser Text ist schwarz auf dem Hintergrund in Farbe #74A5B0.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #74A5B0

Dieser Text ist weiß auf dem Hintergrund in Farbe #74A5B0.

FARBE #74A5B0