FARBE #BAD4ED

HEX: #BAD4ED RGB: (186,212,237)

Farbeninformationen

#BAD4ED enthält rote, grüne und blaue Farben ungefähr im gleichen Verhältnis. Für #BAD4ED ist eine «websichere» Webfarbe #CCCCFF (oder kurz #CCF).

Farbmodelle RGB

Die Farbe #BAD4ED wird in RGB als (186,212,237) definiert.

RGB: (186,212,237) (73%, 83%, 93%)

Kanäle in RGB und Sättigung

R 186 von 255 = 73%
G 212 von 255 = 83%
B 237 von 255 = 93%

186
212
237

R + G + B ~ 83%. #BAD4ED ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B = 186 + 212 + 237 = 635 (100%)
R 186 von 635 ~ 29.29%
G 212 von 635 ~ 33.39%
B 237 von 635 ~ 37.32'%

%29.29
%33.39
%37.32

Farbmodell CMYK

Die Farbe #BAD4ED wird in CMYK als (22,11,0,7) definiert.

  • Cyan hat einen Wert von 21.52%
  • Magenta hat einen Wert von 10.55%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 7.06%

CMYK: (22,11,0,7)
C22M11Y0K7 (22%, 11%, 0%, 7%)
(0.22 / 0.11 / 0.00 / 0.07)

CMYK-Kanäle in Prozent

%21.52
%10.55
%0
%7.06

Farbcodes

Farbe #BAD4ED in den populären Farbmodellen.

BA D4 ED
RGB 186 212 237
HSL 209° 58.62% 82.94%
HSB/HSV 209° 21.52% 92.94%
CMYK 21.52% 10.55% 0.00%
7.06%

Die Farbe #BAD4ED in den populären Zahlensystemen.

Hexadezimal BA D4 ED
Dezimal 186 212 237
Binär 10111010 11010100 11101101
Oktal 272 324 355

Farbtöne

Dunkle Töne der Farbe #BAD4ED

#BAD4ED
(186,212,237)
#AAC1D8
(170,193,216)
#9AAEC3
(154,174,195)
#8A9BAE
(138,155,174)
#7A8899
(122,136,153)
#6A7584
(106,117,132)
#5A626F
(90,98,111)
#4A4F5A
(74,79,90)
#3A3C45
(58,60,69)
#2A2930
(42,41,48)
#1A161B
(26,22,27)
#000000
(0,0,0)

Helle Töne der Farbe #BAD4ED

#BAD4ED
(186,212,237)
#C0D7EE
(192,215,238)
#C6DAEF
(198,218,239)
#CCDDF0
(204,221,240)
#D2E0F1
(210,224,241)
#D8E3F2
(216,227,242)
#DEE6F3
(222,230,243)
#E4E9F4
(228,233,244)
#EAECF5
(234,236,245)
#F0EFF6
(240,239,246)
#F6F2F7
(246,242,247)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #BAD4ED. Bitte benutzen Sie auch rgb(186,212,237) statt hex-Code.

Textfarbe

.myTextColor { color: #BAD4ED; }

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

Die Farbe dieses Textes ist #BAD4ED.

Hintergrundfarbe

.myBgColor { background-color: #BAD4ED; }

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

Der Hintergrund von diesem div ist in Farbe #BAD4ED.

Grenzfarbe

.myBorderColor { border: 1px solid #BAD4ED; }

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

Die Grenzen von diesem div sind in Farbe #BAD4ED.

Transparenz

.myOpacity80 { color: #BAD4ED; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #BAD4ED.


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

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #BAD4ED.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #BAD4ED

Dieser Text ist schwarz auf dem Hintergrund in Farbe #BAD4ED.


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #452B12.


I love getcolorcode.com

Farbtriade

1 #EDBAD4 und #D4EDBA kombiniert mit #BAD4ED sind eine Farbtriade.

2 #EDD4BA und #D4BAED kombiniert mit #BAD4ED sind eine Farbtriade.