FARBE #CA4F63

HEX: #CA4F63
RGB: (202,79,99)

Farbeninformationen

#CA4F63 enthält hauptsächlich rote Farbe. Für #CA4F63 ist eine «websichere» Webfarbe #CC6666 (oder kurz #C66).

Farbmodelle RGB

Die Farbe #CA4F63 wird in RGB als (202,79,99) definiert.

  • Rot hat einen Wert von 202;
  • Grün hat einen Wert von 79;
  • Blau hat einen Wert von 99.
RGB:
(202,79,99)
(79%,31%,39%)

Kanäle in RGB und Sättigung

R 202 von 255 = 79%
G 79 von 255 = 31%
B 99 von 255 = 39%

202
79
99

R + G + B ~ 50%. #CA4F63 mittlere Farbe (nicht dunkel und nicht hell).

Farbverhältnis in prozentualer Angabe

R + G + B =
202 + 79 + 99 = 380 (100%)
R 202 von 380 ~ 53.16%
G 79 von 380 ~ 20.79%
B 99 von 380 ~ 26.05%

%53.16
%20.79
%26.05

Farbmodell CMYK

Die Farbe #CA4F63 wird in CMYK als (0,61,51,21) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 60.89%
  • Gelb hat einen Wert von 50.99%
  • Schlüsselfarbe hat einen Wert von 20.78%
CMYK:
(0,61,51,21)
C0M61Y51K21 
(0%,61%,51%,21%)
(0.00/0.61/0.51/0.21)

CMYK-Kanäle in Prozent

%0
%60.89
%50.99
%20.78

Farbcodes

Farbe #CA4F63 in den populären Farbmodellen.

CA4F63
RGB2027999
HSL350°53.71%55.10%
HSB/HSV350°60.89%79.22%
CMYK0.00%60.89%50.99%
20.78%

Die Farbe #CA4F63 in den populären Zahlensystemen.

HexadezimalCA4F63
Dezimal2027999
Binär1100101010011111100011
Oktal312117143

Farbtöne

Dunkle Töne der Farbe #CA4F63

#CA4F63
(202,79,99)
#B8485A
(184,72,90)
#A64151
(166,65,81)
#943A48
(148,58,72)
#82333F
(130,51,63)
#702C36
(112,44,54)
#5E252D
(94,37,45)
#4C1E24
(76,30,36)
#3A171B
(58,23,27)
#281012
(40,16,18)
#160909
(22,9,9)
#000000
(0,0,0)

Helle Töne der Farbe #CA4F63

#CA4F63
(202,79,99)
#CE5F71
(206,95,113)
#D26F7F
(210,111,127)
#D67F8D
(214,127,141)
#DA8F9B
(218,143,155)
#DE9FA9
(222,159,169)
#E2AFB7
(226,175,183)
#E6BFC5
(230,191,197)
#EACFD3
(234,207,211)
#EEDFE1
(238,223,225)
#F2EFEF
(242,239,239)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #CA4F63; }

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

Die Farbe dieses Textes ist #CA4F63.


Hintergrundfarbe

.myBgColor { background-color: #CA4F63; }

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

Der Hintergrund von diesem div ist in Farbe #CA4F63.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #CA4F63.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #CA4F63.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #CA4F63

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


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

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