Moccasin Farbcode (#ffe4b5)

Moccasin ist #ffe4b5 in Hex und rgb(255, 228, 181) — ein sehr helles Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut sich die Farbe als Text lesen lässt.

Aktualisiert am

Moccasin
#ffe4b5
CSS-Namemoccasin
Hex#ffe4b5
RGBrgb(255, 228, 181)
HSLhsl(38 100% 85%)
HWBhwb(38 71% 0%)
CMYK0%, 11%, 29%, 0%

Töne und Schattierungen

Farbharmonien

Über Moccasin

Moccasin (moccasin) ist ein sehr helles, leuchtendes Orange mit dem Hex-Code #ffe4b5, oder rgb(255, 228, 181). Im HSL-Modell liegt es bei einem Farbton von 38°, 100 % Sättigung und 85 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: moccasin; statt des Hex-Werts schreiben.

Moccasin für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Moccasin-Text auf Weiß1.23 : 1nicht bestanden
Moccasin-Text auf Schwarz17.02 : 1AAA

Auf einem Moccasin-Hintergrund funktioniert schwarzer Text am besten (17.02 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: moccasin;               /* or #ffe4b5 */
  background-color: #ffe4b5;
  border: 1px solid rgb(255 228 181 / 50%);
}

Ähnliche benannte Farben

Navajo White (#ffdead), Peach Puff (#ffdab9), Weizen (#f5deb3), Bisquit (#ffe4c4), Blassgoldrute (#eee8aa), Blanchierte Mandel (#ffebcd).

Häufige Fragen

Wie lautet der Hex-Code für Moccasin?
#ffe4b5 — das entspricht rgb(255, 228, 181) und hsl(38, 100%, 85%). In CSS kannst du auch einfach moccasin schreiben.
Ist Moccasin-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.23 : 1 und besteht die WCAG-Prüfung nicht. Verwende die Farbe lieber zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Moccasin?
Die Komplementärfarbe ist #b3cfff. Analoge Farben wie #ffbdb3 und #f5ffb3 liegen im Farbkreis direkt daneben.