Über Khaki
Khaki (khaki) ist ein helles, kräftiges Gelb mit dem Hex-Code #f0e68c, oder rgb(240, 230, 140). Im HSL-Modell liegt es bei einem Farbton von 54°, 77 % Sättigung und 75 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: khaki; statt des Hex-Werts schreiben.
Khaki für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Khaki-Text auf Weiß | 1.28 : 1 | fällt durch |
| Khaki-Text auf Schwarz | 16.40 : 1 | AAA |
Auf einem Khaki-Hintergrund verwendest du am besten schwarzen Text (16.40 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Contrast Checker prüfen.
CSS
.element {
color: khaki; /* or #f0e68c */
background-color: #f0e68c;
border: 1px solid rgb(240 230 140 / 50%);
}
Ähnliche benannte Farben
Blasses Goldrutengelb (#eee8aa), Navajoweiß (#ffdead), Weizen (#f5deb3), Mokassin (#ffe4b5), Pfirsichhauch (#ffdab9), Burlywood (#deb887).
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.