Seashell Farbcode (#fff5ee)

Seashell ist #fff5ee in Hex und rgb(255, 245, 238) — ein sehr helles Orange. Unten findest du jedes Farbformat, Tints und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Seashell
#fff5ee
CSS-Nameseashell
Hex#fff5ee
RGBrgb(255, 245, 238)
HSLhsl(25 100% 97%)
HWBhwb(25 93% 0%)
CMYK0%, 4%, 7%, 0%

Tints und Schattierungen

Farbharmonien

Über Seashell

Seashell (seashell) ist ein sehr helles, lebhaftes Orange mit dem Hex-Code #fff5ee oder rgb(255, 245, 238). In HSL liegt es bei einem Farbton von 25°, 100 % Sättigung und 97 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: seashell; statt des Hex-Werts schreiben.

Seashell für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Seashell-Text auf Weiß1.07 : 1nicht bestanden
Seashell-Text auf Schwarz19.55 : 1AAA

Auf einem Seashell-Hintergrund nimm schwarzen Text (19.55 : 1). WCAG verlangt mindestens 4.5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

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

Ähnliche benannte Farben

Floral White (#fffaf0), Old Lace (#fdf5e6), Lavender Blush (#fff0f5), Ivory (#fffff0), Linen (#faf0e6), White Smoke (#f5f5f5).

Häufige Fragen

Welchen Hex-Code hat Seashell?
#fff5ee — das entspricht rgb(255, 245, 238) und hsl(25, 100%, 97%). In CSS kannst du auch einfach seashell schreiben.
Ist Seashell-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.07 : 1 und besteht den WCAG-Test nicht. Nutze die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Seashell?
Die Komplementärfarbe ist #f0f9ff; die analogen Farben #fff0f1 und #fffef0 liegen im Farbkreis direkt daneben.