FARBE #52AADC

HEX: #52AADC
RGB: (82,170,220)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #52AADC wird in RGB als (82,170,220) definiert.

  • Rot hat einen Wert von 82;
  • Grün hat einen Wert von 170;
  • Blau hat einen Wert von 220.
RGB:
(82,170,220)
(32%,67%,86%)

Kanäle in RGB und Sättigung

R 82 von 255 = 32%
G 170 von 255 = 67%
B 220 von 255 = 86%

82
170
220

R + G + B ~ 62%. #52AADC ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
82 + 170 + 220 = 472 (100%)
R 82 von 472 ~ 17.37%
G 170 von 472 ~ 36.02%
B 220 von 472 ~ 46.61%

%17.37
%36.02
%46.61

Farbmodell CMYK

Die Farbe #52AADC wird in CMYK als (63,23,0,14) definiert.

  • Cyan hat einen Wert von 62.73%
  • Magenta hat einen Wert von 22.73%
  • Gelb hat einen Wert von 0.00%
  • Schlüsselfarbe hat einen Wert von 13.73%
CMYK:
(63,23,0,14)
C63M23Y0K14 
(63%,23%,0%,14%)
(0.63/0.23/0.00/0.14)

CMYK-Kanäle in Prozent

%62.73
%22.73
%0
%13.73

Farbcodes

Farbe #52AADC in den populären Farbmodellen.

52AADC
RGB82170220
HSL202°66.35%59.22%
HSB/HSV202°62.73%86.27%
CMYK62.73%22.73%0.00%
13.73%

Die Farbe #52AADC in den populären Zahlensystemen.

Hexadezimal52AADC
Dezimal82170220
Binär10100101010101011011100
Oktal122252334

Farbtöne

Dunkle Töne der Farbe #52AADC

#52AADC
(82,170,220)
#4B9BC8
(75,155,200)
#448CB4
(68,140,180)
#3D7DA0
(61,125,160)
#366E8C
(54,110,140)
#2F5F78
(47,95,120)
#285064
(40,80,100)
#214150
(33,65,80)
#1A323C
(26,50,60)
#132328
(19,35,40)
#0C1414
(12,20,20)
#000000
(0,0,0)

Helle Töne der Farbe #52AADC

#52AADC
(82,170,220)
#61B1DF
(97,177,223)
#70B8E2
(112,184,226)
#7FBFE5
(127,191,229)
#8EC6E8
(142,198,232)
#9DCDEB
(157,205,235)
#ACD4EE
(172,212,238)
#BBDBF1
(187,219,241)
#CAE2F4
(202,226,244)
#D9E9F7
(217,233,247)
#E8F0FA
(232,240,250)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #52AADC. Bitte benutzen Sie auch rgb(82,170,220) statt hex-Code.

Textfarbe

.myTextColor { color: #52AADC; }

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

Die Farbe dieses Textes ist #52AADC.


Hintergrundfarbe

.myBgColor { background-color: #52AADC; }

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

Der Hintergrund von diesem div ist in Farbe #52AADC.


Grenzfarbe

.myBorderColor { border: 1px solid #52AADC; }

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

Die Grenzen von diesem div sind in Farbe #52AADC.


Transparenz

.myOpacity80 { color: #52AADC; opacity: 0.8; }

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

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

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

Dieser Text hat den Schatten in Farbe #52AADC.

.textShadow {text-shadow: 3px 3px 1px #52AADC, 3px 3px 1px red;}

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #52AADC

Dieser Text ist schwarz auf dem Hintergrund in Farbe #52AADC.


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

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