Sandy Brown Farbcode (#f4a460)

Sandy Brown ist #f4a460 im Hex-Format und rgb(244, 164, 96) – ein helles Orange. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Sandy Brown
#f4a460
CSS-Namesandybrown
Hex#f4a460
RGBrgb(244, 164, 96)
HSLhsl(28 87% 67%)
HWBhwb(28 38% 4%)
CMYK0%, 33%, 61%, 4%

Tints und Shades

Farbharmonien

Über Sandy Brown

Sandy Brown (sandybrown) ist ein helles, kräftiges Orange mit dem Hex-Code #f4a460 bzw. rgb(244, 164, 96). In HSL liegt er bei einem Farbton von 28°, 87% Sättigung und 67% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht – du kannst also color: sandybrown; statt des Hex-Werts schreiben.

Sandy Brown für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Sandy-Brown-Text auf Weiß2.03 : 1nicht bestanden
Sandy-Brown-Text auf Schwarz10.33 : 1AAA

Auf einem Sandy-Brown-Hintergrund ist schwarzer Text die bessere Wahl (10.33 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für großen Text 3 : 1. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: sandybrown;               /* or #f4a460 */
  background-color: #f4a460;
  border: 1px solid rgb(244 164 96 / 50%);
}

Ähnliche benannte Farben

Helllachs (#ffa07a), Dunkellachs (#e9967a), Lachs (#fa8072), Koralle (#ff7f50), Helles Korallenrot (#f08080), Burlywood (#deb887).

Häufige Fragen

Was ist der Hex-Code für Sandy Brown?
#f4a460 – das entspricht rgb(244, 164, 96) und hsl(28, 87%, 67%). In CSS kannst du auch einfach sandybrown schreiben.
Ist Sandy-Brown-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.03 : 1 und besteht damit WCAG nicht – verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Sandy Brown?
Die Komplementärfarbe ist #62b0f4; die Analogfarben #f46267 und #f4ef62 liegen im Farbkreis direkt daneben.