FARBE #AFBE55

HEX: #AFBE55 RGB: (175,190,85)

Farbeninformationen

#AFBE55 enthält hauptsächlich rote und grüne Farbe. Für #AFBE55 ist eine «websichere» Webfarbe #99CC66 (oder kurz #9C6).

Farbmodelle RGB

Die Farbe #AFBE55 wird in RGB als (175,190,85) definiert.

RGB: (175,190,85) (69%, 75%, 33%)

Kanäle in RGB und Sättigung

R 175 von 255 = 69%
G 190 von 255 = 75%
B 85 von 255 = 33%

175
190
85

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

Farbverhältnis in prozentualer Angabe

R + G + B = 175 + 190 + 85 = 450 (100%)
R 175 von 450 ~ 38.89%
G 190 von 450 ~ 42.22%
B 85 von 450 ~ 18.89'%

%38.89
%42.22
%18.89

Farbmodell CMYK

Die Farbe #AFBE55 wird in CMYK als (8,0,55,25) definiert.

  • Cyan hat einen Wert von 7.89%
  • Magenta hat einen Wert von 0.00%
  • Gelb hat einen Wert von 55.26%
  • Schlüsselfarbe hat einen Wert von 25.49%

CMYK: (8,0,55,25)
C8M0Y55K25 (8%, 0%, 55%, 25%)
(0.08 / 0.00 / 0.55 / 0.25)

CMYK-Kanäle in Prozent

%7.89
%0
%55.26
%25.49

Farbcodes

Farbe #AFBE55 in den populären Farbmodellen.

AF BE 55
RGB 175 190 85
HSL 69° 44.68% 53.92%
HSB/HSV 69° 55.26% 74.51%
CMYK 7.89% 0.00% 55.26%
25.49%

Die Farbe #AFBE55 in den populären Zahlensystemen.

Hexadezimal AF BE 55
Dezimal 175 190 85
Binär 10101111 10111110 1010101
Oktal 257 276 125

Farbtöne

Dunkle Töne der Farbe #AFBE55

#AFBE55
(175,190,85)
#A0AD4E
(160,173,78)
#919C47
(145,156,71)
#828B40
(130,139,64)
#737A39
(115,122,57)
#646932
(100,105,50)
#55582B
(85,88,43)
#464724
(70,71,36)
#37361D
(55,54,29)
#282516
(40,37,22)
#19140F
(25,20,15)
#000000
(0,0,0)

Helle Töne der Farbe #AFBE55

#AFBE55
(175,190,85)
#B6C364
(182,195,100)
#BDC873
(189,200,115)
#C4CD82
(196,205,130)
#CBD291
(203,210,145)
#D2D7A0
(210,215,160)
#D9DCAF
(217,220,175)
#E0E1BE
(224,225,190)
#E7E6CD
(231,230,205)
#EEEBDC
(238,235,220)
#F5F0EB
(245,240,235)
#FFFFFF
(255,255,255)

CSS3-Stile

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

Textfarbe

.myTextColor { color: #AFBE55; }

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

Die Farbe dieses Textes ist #AFBE55.

Hintergrundfarbe

.myBgColor { background-color: #AFBE55; }

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

Der Hintergrund von diesem div ist in Farbe #AFBE55.

Grenzfarbe

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

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

Die Grenzen von diesem div sind in Farbe #AFBE55.

Transparenz

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

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

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

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

Dieser Text hat den Schatten in Farbe #AFBE55.


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

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

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


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

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

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

Farbe des Schattens vom div-Element

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

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

Dieses div hat den Schatten in Farbe #AFBE55.

Beispiele

Farbenbeispiel auf dem schwarzen Hintergrund

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


Farbenbeispiel auf dem weißen Hintergrund

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


Beispiel eines schwarzen Textes auf dem Hintergrund in Farbe #AFBE55

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


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

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


Ähnliche Farben

Kontrastfarbe

Kontrastfarbe für #hex ist #5041AA.


I love getcolorcode.com

Farbtriade

1 #55AFBE und #BE55AF kombiniert mit #AFBE55 sind eine Farbtriade.

2 #55BEAF und #BEAF55 kombiniert mit #AFBE55 sind eine Farbtriade.