FARBE #EC6C1C

HEX: #EC6C1C
RGB: (236,108,28)

Farbeninformationen

#EC6C1C enthält hauptsächlich rote Farbe. Für #EC6C1C ist eine «websichere» Webfarbe #FF6633 (oder kurz #F63).

Farbmodelle RGB

Die Farbe #EC6C1C wird in RGB als (236,108,28) definiert.

  • Rot hat einen Wert von 236;
  • Grün hat einen Wert von 108;
  • Blau hat einen Wert von 28.
RGB:
(236,108,28)
(93%,42%,11%)

Kanäle in RGB und Sättigung

R 236 von 255 = 93%
G 108 von 255 = 42%
B 28 von 255 = 11%

236
108
28

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

Farbverhältnis in prozentualer Angabe

R + G + B =
236 + 108 + 28 = 372 (100%)
R 236 von 372 ~ 63.44%
G 108 von 372 ~ 29.03%
B 28 von 372 ~ 7.53%

%63.44
%29.03

Farbmodell CMYK

Die Farbe #EC6C1C wird in CMYK als (0,54,88,7) definiert.

  • Cyan hat einen Wert von 0.00%
  • Magenta hat einen Wert von 54.24%
  • Gelb hat einen Wert von 88.14%
  • Schlüsselfarbe hat einen Wert von 7.45%
CMYK:
(0,54,88,7)
C0M54Y88K7 
(0%,54%,88%,7%)
(0.00/0.54/0.88/0.07)	

CMYK-Kanäle in Prozent

%0
%54.24
%88.14
%7.45

Farbcodes

Farbe #EC6C1C in den populären Farbmodellen.

EC6C1C
RGB23610828
HSL23°84.55%51.76%
HSB/HSV23°88.14%92.55%
CMYK0.00%54.24%88.14%
7.45%

Die Farbe #EC6C1C in den populären Zahlensystemen.

HexadezimalEC6C1C
Dezimal23610828
Binär11101100110110011100
Oktal35415434

Farbtöne

Dunkle Töne der Farbe #EC6C1C

#EC6C1C
(236,108,28)
#D7631A
(215,99,26)
#C25A18
(194,90,24)
#AD5116
(173,81,22)
#984814
(152,72,20)
#833F12
(131,63,18)
#6E3610
(110,54,16)
#592D0E
(89,45,14)
#44240C
(68,36,12)
#2F1B0A
(47,27,10)
#1A1208
(26,18,8)
#000000
(0,0,0)

Helle Töne der Farbe #EC6C1C

#EC6C1C
(236,108,28)
#ED7930
(237,121,48)
#EE8644
(238,134,68)
#EF9358
(239,147,88)
#F0A06C
(240,160,108)
#F1AD80
(241,173,128)
#F2BA94
(242,186,148)
#F3C7A8
(243,199,168)
#F4D4BC
(244,212,188)
#F5E1D0
(245,225,208)
#F6EEE4
(246,238,228)
#FFFFFF
(255,255,255)

CSS3-Stile

Beispiele css- und html für Elemente in der Farbe #EC6C1C. Bitte benutzen Sie auch rgb(236,108,28) statt hex-Code.

Textfarbe

.myTextColor { color: #EC6C1C; }

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

Die Farbe dieses Textes ist #EC6C1C.


Hintergrundfarbe

.myBgColor { background-color: #EC6C1C; }

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

Der Hintergrund von diesem div ist in Farbe #EC6C1C.


Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #EC6C1C.


Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #EC6C1C.

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

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

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


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

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

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


Farbe des Schattens vom div-Element

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

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

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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



Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #EC6C1C

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


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

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