Mint Cream Farbcode (#f5fffa)

Mint Cream ist #f5fffa in Hex und rgb(245, 255, 250) – ein sehr helles Grün. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und die Lesbarkeit als Text.

Aktualisiert am

Mint Cream
#f5fffa
CSS-Namemintcream
Hex#f5fffa
RGBrgb(245, 255, 250)
HSLhsl(150 100% 98%)
HWBhwb(150 96% 0%)
CMYK4%, 0%, 2%, 0%

Töne und Schattierungen

Farbharmonien

Über Mint Cream

Mint Cream (mintcream) ist ein sehr helles, lebendiges Grün mit dem Hex-Code #f5fffa oder rgb(245, 255, 250). Im HSL-Modell liegt er bei einem Farbton von 150°, 100 % Sättigung und 98 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: mintcream; schreiben kannst.

Mint Cream für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Mint-Cream-Text auf Weiß1.02 : 1nicht bestanden
Mint-Cream-Text auf Schwarz20.57 : 1AAA

Auf einem Mint-Cream-Hintergrund verwendest du am besten schwarzen Text (20.57 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: mintcream;               /* or #f5fffa */
  background-color: #f5fffa;
  border: 1px solid rgb(245 255 250 / 50%);
}

Ähnliche benannte Farben

Azur (#f0ffff), Geisterweiß (#f8f8ff), Alice-Blau (#f0f8ff), Honigtau (#f0fff0), Schnee (#fffafa), Weiß (#ffffff).

Häufige Fragen

Welcher Hex-Code gehört zu Mint Cream?
#f5fffa – das entspricht rgb(245, 255, 250) und hsl(150, 100%, 98%). In CSS kannst du auch einfach mintcream schreiben.
Ist Mint-Cream-Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.02 : 1 und ist damit nicht WCAG-konform. Verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Mint Cream?
Die Komplementärfarbe ist #fff5fa; analoge Farben wie #f5fff5 und #f5ffff liegen auf dem Farbkreis direkt daneben.