Khaki Farbcode (#f0e68c)

Khaki ist #f0e68c als Hex-Wert und rgb(240, 230, 140) – ein helles Gelb. Darunter findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Khaki
#f0e68c
CSS-Namekhaki
Hex#f0e68c
RGBrgb(240, 230, 140)
HSLhsl(54 77% 75%)
HWBhwb(54 55% 6%)
CMYK0%, 4%, 42%, 6%

Tints und Shades

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Khaki-Text auf Weiß1.28 : 1fällt durch
Khaki-Text auf Schwarz16.40 : 1AAA

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).

Häufige Fragen

Was ist der Hex-Code für Khaki?
#f0e68c – das entspricht rgb(240, 230, 140) und hsl(54, 77%, 75%). In CSS kannst du auch einfach khaki schreiben.
Ist Khaki-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.28 : 1 und fällt damit bei WCAG durch – nutze die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Khaki?
Die Komplementärfarbe ist #8e98f0; die analogen Farben #f0b58e und #c9f08e liegen im Farbkreis direkt daneben.