Farbe #60AEDD, hex- und rgb-Codes, Beispiele

Farbeninformationen

#60AEDD enthält hauptsächlich grüne und blaue Farbe. Für #60AEDD ist eine «websichere» Webfarbe #6699CC (oder kurz #69C).

Farbmodelle RGB

Die Farbe #60AEDD wird in RGB als (96,174,221) definiert.

Rot hat einen Wert von 96;
Grün hat einen Wert von 174;
Blau hat einen Wert von 221.

RGB:
(96,174,221)
(38%,68%,87%)

Kanäle in RGB und Sättigung

R 96 von 255 = 38%
G 174 von 255 = 68%
B 221 von 255 = 87%

174

221

R + G + B ~ 64%. #60AEDD ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
96 + 174 + 221 = 491 (100%)
R 96 von 491 ~ 19.55%
G 174 von 491 ~ 35.44%
B 221 von 491 ~ 45.01%

%19.55

%35.44

%45.01

Farbmodell CMYK

Die Farbe #60AEDD wird in CMYK als (57,21,0,13) definiert.

Cyan hat einen Wert von 56.56%
Magenta hat einen Wert von 21.27%
Gelb hat einen Wert von 0.00%
Schlüsselfarbe hat einen Wert von 13.33%

CMYK:
(57,21,0,13)
C57M21Y0K13 
(57%,21%,0%,13%)
(0.57/0.21/0.00/0.13)

CMYK-Kanäle in Prozent

%56.56

%21.27

%13.33

Farbcodes

Farbe #60AEDD in den populären Farbmodellen.

	60	AE	DD
RGB	96	174	221
HSL	203°	64.77%	62.16%
HSB/HSV	203°	56.56%	86.67%
CMYK	56.56%	21.27%	0.00%
CMYK	13.33%

Die Farbe #60AEDD in den populären Zahlensystemen.

Hexadezimal	60	AE	DD
Dezimal	96	174	221
Binär	1100000	10101110	11011101
Oktal	140	256	335

Farbtöne

Dunkle Töne der Farbe #60AEDD

#60AEDD
(96,174,221)

#589FC9
(88,159,201)

#5090B5
(80,144,181)

#4881A1
(72,129,161)

#40728D
(64,114,141)

#386379
(56,99,121)

#305465
(48,84,101)

#284551
(40,69,81)

#20363D
(32,54,61)

#182729
(24,39,41)

#101815
(16,24,21)

#000000
(0,0,0)

Helle Töne der Farbe #60AEDD

#60AEDD
(96,174,221)

#6EB5E0
(110,181,224)

#7CBCE3
(124,188,227)

#8AC3E6
(138,195,230)

#98CAE9
(152,202,233)

#A6D1EC
(166,209,236)

#B4D8EF
(180,216,239)

#C2DFF2
(194,223,242)

#D0E6F5
(208,230,245)

#DEEDF8
(222,237,248)

#ECF4FB
(236,244,251)

#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #60AEDD. Bitte benutzen Sie auch rgb(96,174,221) statt hex-Code.

Textfarbe

.myTextColor { color: #60AEDD; }

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

Die Farbe dieses Textes ist #60AEDD.

Hintergrundfarbe

.myBgColor { background-color: #60AEDD; }

<div style="background-color:#60AEDD">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #60AEDD.

Grenzfarbe

.myBorderColor { border: 1px solid #60AEDD; }

<div style="border:3px solid #60AEDD">Div</div>

Die Grenzen von diesem div sind in Farbe #60AEDD.

Transparenz

.myOpacity80 { color: #60AEDD; opacity: 0.8; }

<p style="color:#60AEDD;opacity:0.8;">80%</p>

Text in Farbe #60AEDD 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 #60AEDD;}

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

Dieser Text hat den Schatten in Farbe #60AEDD.

.textShadow {text-shadow: 3px 3px 1px #60AEDD, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #60AEDD und zusätzlichem Rot.

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

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

This text has shadow with #60AEDD and red colors in old Internet Explorer.

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #60AEDD.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #60AEDD auf dem schwarzen Hintergrund.

Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #60AEDD auf dem weißen Hintergrund.

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #60AEDD

Dieser Text ist schwarz auf dem Hintergrund in Farbe #60AEDD.

Beispiel eines weißen Textes auf dem Hintergrund in Farbe #60AEDD

Dieser Text ist weiß auf dem Hintergrund in Farbe #60AEDD.

FARBE #60AEDD