FARBE #CCD4CC

HEX: #CCD4CC
RGB: (204,212,204)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #CCD4CC wird in RGB als (204,212,204) definiert.

  • Rot hat einen Wert von 204;
  • Grün hat einen Wert von 212;
  • Blau hat einen Wert von 204.
RGB:
(204,212,204)
(80%,83%,80%)

Kanäle in RGB und Sättigung

R 204 von 255 = 80%
G 212 von 255 = 83%
B 204 von 255 = 80%

204
212
204

R + G + B ~ 81%. #CCD4CC ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
204 + 212 + 204 = 620 (100%)
R 204 von 620 ~ 32.9%
G 212 von 620 ~ 34.19%
B 204 von 620 ~ 32.9%

%32.9
%34.19
%32.9

Farbmodell CMYK

Die Farbe #CCD4CC wird in CMYK als (4,0,4,17) definiert.

  • Cyan hat einen Wert von 3.77%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 3.77%
  • Schlüsselfarbe hat einen Wert von 16.86%
CMYK:
(4,0,4,17)
C4M0Y4K17 
(4%,0%,4%,17%)
(0.04/0.00/0.04/0.17)

CMYK-Kanäle in Prozent

%3.77
%0
%3.77
%16.86

Farbcodes

Farbe #CCD4CC in den populären Farbmodellen.

CCD4CC
RGB204212204
HSL120°8.51%81.57%
HSB/HSV120°3.77%83.14%
CMYK3.77%0.00%3.77%
16.86%

Die Farbe #CCD4CC in den populären Zahlensystemen.

HexadezimalCCD4CC
Dezimal204212204
Binär110011001101010011001100
Oktal314324314

Farbtöne

Dunkle Töne der Farbe #CCD4CC

#CCD4CC
(204,212,204)
#BAC1BA
(186,193,186)
#A8AEA8
(168,174,168)
#969B96
(150,155,150)
#848884
(132,136,132)
#727572
(114,117,114)
#606260
(96,98,96)
#4E4F4E
(78,79,78)
#3C3C3C
(60,60,60)
#2A292A
(42,41,42)
#181618
(24,22,24)
#000000
(0,0,0)

Helle Töne der Farbe #CCD4CC

#CCD4CC
(204,212,204)
#D0D7D0
(208,215,208)
#D4DAD4
(212,218,212)
#D8DDD8
(216,221,216)
#DCE0DC
(220,224,220)
#E0E3E0
(224,227,224)
#E4E6E4
(228,230,228)
#E8E9E8
(232,233,232)
#ECECEC
(236,236,236)
#F0EFF0
(240,239,240)
#F4F2F4
(244,242,244)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #CCD4CC; }

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

Die Farbe dieses Textes ist #CCD4CC.


Hintergrundfarbe

.myBgColor { background-color: #CCD4CC; }

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

Der Hintergrund von diesem div ist in Farbe #CCD4CC.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #CCD4CC.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #CCD4CC.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #CCD4CC

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


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

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