FARBE #30B0DB

HEX: #30B0DB RGB: (48,176,219)

Farbeninformationen

#30B0DB enthält hauptsächlich grüne und blaue Farbe. Für #30B0DB ist eine «websichere» Webfarbe #3399CC (oder kurz #39C).

Farbmodelle RGB

Die Farbe #30B0DB wird in RGB als (48,176,219) definiert.

RGB: (48,176,219) (19%, 69%, 86%)

Kanäle in RGB und Sättigung

R 48 von 255 = 19%
G 176 von 255 = 69%
B 219 von 255 = 86%

48
176
219

R + G + B ~ 58%. #30B0DB mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B = 48 + 176 + 219 = 443 (100%)
R 48 von 443 ~ 10.84%
G 176 von 443 ~ 39.73%
B 219 von 443 ~ 49.44'%

%10.84
%39.73
%49.44

Farbmodell CMYK

Die Farbe #30B0DB wird in CMYK als (78,20,0,14) definiert.

  • Cyan hat einen Wert von 78.08%
  • Magenta hat einen Wert von 19.63%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 14.12%

CMYK: (78,20,0,14)
C78M20Y0K14 (78%, 20%, 0%, 14%)
(0.78 / 0.20 / 0.00 / 0.14)

CMYK-Kanäle in Prozent

%78.08
%19.63
%0
%14.12

Farbcodes

Farbe #30B0DB in den populären Farbmodellen.

30 B0 DB
RGB 48 176 219
HSL 195° 70.37% 52.35%
HSB/HSV 195° 78.08% 85.88%
CMYK 78.08% 19.63% 0.00%
14.12%

Die Farbe #30B0DB in den populären Zahlensystemen.

Hexadezimal 30 B0 DB
Dezimal 48 176 219
Binär 110000 10110000 11011011
Oktal 60 260 333

Farbtöne

Dunkle Töne der Farbe #30B0DB

#30B0DB
(48,176,219)
#2CA0C8
(44,160,200)
#2890B5
(40,144,181)
#2480A2
(36,128,162)
#20708F
(32,112,143)
#1C607C
(28,96,124)
#185069
(24,80,105)
#144056
(20,64,86)
#103043
(16,48,67)
#0C2030
(12,32,48)
#08101D
(8,16,29)
#000000
(0,0,0)

Helle Töne der Farbe #30B0DB

#30B0DB
(48,176,219)
#42B7DE
(66,183,222)
#54BEE1
(84,190,225)
#66C5E4
(102,197,228)
#78CCE7
(120,204,231)
#8AD3EA
(138,211,234)
#9CDAED
(156,218,237)
#AEE1F0
(174,225,240)
#C0E8F3
(192,232,243)
#D2EFF6
(210,239,246)
#E4F6F9
(228,246,249)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #30B0DB. Bitte benutzen Sie auch rgb(48,176,219) statt hex-Code.

Textfarbe

.myTextColor { color: #30B0DB; }

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

Die Farbe dieses Textes ist #30B0DB.

Hintergrundfarbe

.myBgColor { background-color: #30B0DB; }

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

Der Hintergrund von diesem div ist in Farbe #30B0DB.

Grenzfarbe

.myBorderColor { border: 1px solid #30B0DB; }

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

Die Grenzen von diesem div sind in Farbe #30B0DB.

Transparenz

.myOpacity80 { color: #30B0DB; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #30B0DB.


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

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #30B0DB.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #30B0DB

Dieser Text ist schwarz auf dem Hintergrund in Farbe #30B0DB.


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #CF4F24.


I love getcolorcode.com

Farbtriade

1 #DB30B0 und #B0DB30 kombiniert mit #30B0DB sind eine Farbtriade.

2 #DBB030 und #B030DB kombiniert mit #30B0DB sind eine Farbtriade.