Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Moccasin-Text auf Weiß | 1.23 : 1 | nicht bestanden |
| Moccasin-Text auf Schwarz | 17.02 : 1 | AAA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.