Farbe #CCBC55, hex- und rgb-Codes, Beispiele

Farbeninformationen

#CCBC55 enthält hauptsächlich rote und grüne Farbe. Für #CCBC55 ist eine «websichere» Webfarbe #CCCC66 (oder kurz #CC6).

Farbmodelle RGB

Die Farbe #CCBC55 wird in RGB als (204,188,85) definiert.

Rot hat einen Wert von 204;
Grün hat einen Wert von 188;
Blau hat einen Wert von 85.

RGB:
(204,188,85)
(80%,74%,33%)

Kanäle in RGB und Sättigung

R 204 von 255 = 80%
G 188 von 255 = 74%
B 85 von 255 = 33%

204

188

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

Farbverhältnis in prozentualer Angabe

R + G + B =
204 + 188 + 85 = 477 (100%)
R 204 von 477 ~ 42.77%
G 188 von 477 ~ 39.41%
B 85 von 477 ~ 17.82%

%42.77

%39.41

%17.82

Farbmodell CMYK

Die Farbe #CCBC55 wird in CMYK als (0,8,58,20) definiert.

Cyan hat einen Wert von 0.00%
Magenta hat einen Wert von 7.84%
Gelb hat einen Wert von 58.33%
Schlüsselfarbe hat einen Wert von 20.00%

CMYK:
(0,8,58,20)
C0M8Y58K20 
(0%,8%,58%,20%)
(0.00/0.08/0.58/0.20)

CMYK-Kanäle in Prozent

%7.84

%58.33

%20

Farbcodes

Farbe #CCBC55 in den populären Farbmodellen.

	CC	BC	55
RGB	204	188	85
HSL	52°	53.85%	56.67%
HSB/HSV	52°	58.33%	80.00%
CMYK	0.00%	7.84%	58.33%
CMYK	20.00%

Die Farbe #CCBC55 in den populären Zahlensystemen.

Hexadezimal	CC	BC	55
Dezimal	204	188	85
Binär	11001100	10111100	1010101
Oktal	314	274	125

Farbtöne

Dunkle Töne der Farbe #CCBC55

#CCBC55
(204,188,85)

#BAAB4E
(186,171,78)

#A89A47
(168,154,71)

#968940
(150,137,64)

#847839
(132,120,57)

#726732
(114,103,50)

#60562B
(96,86,43)

#4E4524
(78,69,36)

#3C341D
(60,52,29)

#2A2316
(42,35,22)

#18120F
(24,18,15)

#000000
(0,0,0)

Helle Töne der Farbe #CCBC55

#CCBC55
(204,188,85)

#D0C264
(208,194,100)

#D4C873
(212,200,115)

#D8CE82
(216,206,130)

#DCD491
(220,212,145)

#E0DAA0
(224,218,160)

#E4E0AF
(228,224,175)

#E8E6BE
(232,230,190)

#ECECCD
(236,236,205)

#F0F2DC
(240,242,220)

#F4F8EB
(244,248,235)

#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #CCBC55; }

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

Die Farbe dieses Textes ist #CCBC55.

Hintergrundfarbe

.myBgColor { background-color: #CCBC55; }

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

Der Hintergrund von diesem div ist in Farbe #CCBC55.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #CCBC55.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #CCBC55.

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

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

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

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

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

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

Farbe des Schattens vom div-Element

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #CCBC55;
-webkit-box-shadow: 1px 1px 3px 2px #CCBC55;
box-shadow:1px 1px 3px 2px #CCBC55;">
Div content here</div>

Dieses div hat den Schatten in Farbe #CCBC55.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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

Farbenbeispiel auf dem weißen Hintergrund

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

Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #CCBC55

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

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

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

FARBE #CCBC55