FARBE #9AC6F0

HEX: #9AC6F0
RGB: (154,198,240)

Farbeninformationen

#9AC6F0 enthält hauptsächlich grüne und blaue Farbe. Für #9AC6F0 ist eine «websichere» Webfarbe #99CCFF (oder kurz #9CF).

Farbmodelle RGB

Die Farbe #9AC6F0 wird in RGB als (154,198,240) definiert.

  • Rot hat einen Wert von 154;
  • Grün hat einen Wert von 198;
  • Blau hat einen Wert von 240.
RGB:
(154,198,240)
(60%,78%,94%)

Kanäle in RGB und Sättigung

R 154 von 255 = 60%
G 198 von 255 = 78%
B 240 von 255 = 94%

154
198
240

R + G + B ~ 77%. #9AC6F0 ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
154 + 198 + 240 = 592 (100%)
R 154 von 592 ~ 26.01%
G 198 von 592 ~ 33.45%
B 240 von 592 ~ 40.54%

%26.01
%33.45
%40.54

Farbmodell CMYK

Die Farbe #9AC6F0 wird in CMYK als (36,18,0,6) definiert.

  • Cyan hat einen Wert von 35.83%
  • Magenta hat einen Wert von 17.50%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 5.88%
CMYK:
(36,18,0,6)
C36M18Y0K6 
(36%,18%,0%,6%)
(0.36/0.18/0.00/0.06)	

CMYK-Kanäle in Prozent

%35.83
%17.5
%0
%5.88

Farbcodes

Farbe #9AC6F0 in den populären Farbmodellen.

9AC6F0
RGB154198240
HSL209°74.14%77.25%
HSB/HSV209°35.83%94.12%
CMYK35.83%17.50%0.00%
5.88%

Die Farbe #9AC6F0 in den populären Zahlensystemen.

Hexadezimal9AC6F0
Dezimal154198240
Binär100110101100011011110000
Oktal232306360

Farbtöne

Dunkle Töne der Farbe #9AC6F0

#9AC6F0
(154,198,240)
#8CB4DB
(140,180,219)
#7EA2C6
(126,162,198)
#7090B1
(112,144,177)
#627E9C
(98,126,156)
#546C87
(84,108,135)
#465A72
(70,90,114)
#38485D
(56,72,93)
#2A3648
(42,54,72)
#1C2433
(28,36,51)
#0E121E
(14,18,30)
#000000
(0,0,0)

Helle Töne der Farbe #9AC6F0

#9AC6F0
(154,198,240)
#A3CBF1
(163,203,241)
#ACD0F2
(172,208,242)
#B5D5F3
(181,213,243)
#BEDAF4
(190,218,244)
#C7DFF5
(199,223,245)
#D0E4F6
(208,228,246)
#D9E9F7
(217,233,247)
#E2EEF8
(226,238,248)
#EBF3F9
(235,243,249)
#F4F8FA
(244,248,250)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #9AC6F0. Bitte benutzen Sie auch rgb(154,198,240) statt hex-Code.

Textfarbe

.myTextColor { color: #9AC6F0; }

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

Die Farbe dieses Textes ist #9AC6F0.


Hintergrundfarbe

.myBgColor { background-color: #9AC6F0; }

<div style="background-color:#9AC6F0">Inner text</div>

Der Hintergrund von diesem div ist in Farbe #9AC6F0.


Grenzfarbe

.myBorderColor { border: 1px solid #9AC6F0; }

<div style="border:3px solid #9AC6F0">Div</div>

Die Grenzen von diesem div sind in Farbe #9AC6F0.


Transparenz

.myOpacity80 { color: #9AC6F0; opacity: 0.8; }

<p style="color:#9AC6F0;opacity:0.8;">80%</p>

Text in Farbe #9AC6F0 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 #9AC6F0;}

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

Dieser Text hat den Schatten in Farbe #9AC6F0.

.textShadow {text-shadow: 3px 3px 1px #9AC6F0, 3px 3px 1px red;}

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

Dieser Text hat den Schatten in Grundfarbe #9AC6F0 und zusätzlichem Rot.


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

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

This text has shadow with #9AC6F0 and red colors in old Internet Explorer.


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

Dieser Text ist in der Farbe #9AC6F0 auf dem schwarzen Hintergrund.


Farbenbeispiel auf dem weißen Hintergrund

Dieser Text ist in Farbe #9AC6F0 auf dem weißen Hintergrund.



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #9AC6F0

Dieser Text ist schwarz auf dem Hintergrund in Farbe #9AC6F0.


Beispiel eines weißen Textes auf dem Hintergrund in Farbe #9AC6F0

Dieser Text ist weiß auf dem Hintergrund in Farbe #9AC6F0.