Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Sandy-Brown-Text auf Weiß | 2.03 : 1 | nicht bestanden |
| Sandy-Brown-Text auf Schwarz | 10.33 : 1 | AAA |
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).
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.