FARBE #CAF0CC

HEX: #CAF0CC
RGB: (202,240,204)

Farbeninformationen

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

Farbmodelle RGB

Die Farbe #CAF0CC wird in RGB als (202,240,204) definiert.

  • Rot hat einen Wert von 202;
  • Grün hat einen Wert von 240;
  • Blau hat einen Wert von 204.
RGB:
(202,240,204)
(79%,94%,80%)

Kanäle in RGB und Sättigung

R 202 von 255 = 79%
G 240 von 255 = 94%
B 204 von 255 = 80%

202
240
204

R + G + B ~ 84%. #CAF0CC ziemlich helle Farbe.

Farbverhältnis in prozentualer Angabe

R + G + B =
202 + 240 + 204 = 646 (100%)
R 202 von 646 ~ 31.27%
G 240 von 646 ~ 37.15%
B 204 von 646 ~ 31.58%

%31.27
%37.15
%31.58

Farbmodell CMYK

Die Farbe #CAF0CC wird in CMYK als (16,0,15,6) definiert.

  • Cyan hat einen Wert von 15.83%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 15.00%
  • Schlüsselfarbe hat einen Wert von 5.88%
CMYK:
(16,0,15,6)
C16M0Y15K6 
(16%,0%,15%,6%)
(0.16/0.00/0.15/0.06)

CMYK-Kanäle in Prozent

%15.83
%0
%15
%5.88

Farbcodes

Farbe #CAF0CC in den populären Farbmodellen.

CAF0CC
RGB202240204
HSL123°55.88%86.67%
HSB/HSV123°15.83%94.12%
CMYK15.83%0.00%15.00%
5.88%

Die Farbe #CAF0CC in den populären Zahlensystemen.

HexadezimalCAF0CC
Dezimal202240204
Binär110010101111000011001100
Oktal312360314

Farbtöne

Dunkle Töne der Farbe #CAF0CC

#CAF0CC
(202,240,204)
#B8DBBA
(184,219,186)
#A6C6A8
(166,198,168)
#94B196
(148,177,150)
#829C84
(130,156,132)
#708772
(112,135,114)
#5E7260
(94,114,96)
#4C5D4E
(76,93,78)
#3A483C
(58,72,60)
#28332A
(40,51,42)
#161E18
(22,30,24)
#000000
(0,0,0)

Helle Töne der Farbe #CAF0CC

#CAF0CC
(202,240,204)
#CEF1D0
(206,241,208)
#D2F2D4
(210,242,212)
#D6F3D8
(214,243,216)
#DAF4DC
(218,244,220)
#DEF5E0
(222,245,224)
#E2F6E4
(226,246,228)
#E6F7E8
(230,247,232)
#EAF8EC
(234,248,236)
#EEF9F0
(238,249,240)
#F2FAF4
(242,250,244)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #CAF0CC; }

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

Die Farbe dieses Textes ist #CAF0CC.


Hintergrundfarbe

.myBgColor { background-color: #CAF0CC; }

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

Der Hintergrund von diesem div ist in Farbe #CAF0CC.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #CAF0CC.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #CAF0CC.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #CAF0CC

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


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

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