Über Peru
Peru (peru) ist ein mittleres, moderat gesättigtes Orange mit dem Hex-Code #cd853f oder rgb(205, 133, 63). In HSL liegt es bei einem Farbton von 30°, 59% Sättigung und 53% Helligkeit. Es ist eine der 148 benannten Farben, die jeder Browser versteht, du kannst also color: peru; statt des Hex-Werts schreiben.
Peru für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Peru-Text auf Weiß | 2.99 : 1 | nicht bestanden |
| Peru-Text auf Schwarz | 7.02 : 1 | AAA |
Auf einem Peru-Hintergrund verwendest du Schwarz als Textfarbe (7.02 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrastprüfer.
CSS
.element {
color: peru; /* or #cd853f */
background-color: #cd853f;
border: 1px solid rgb(205 133 63 / 50%);
}
Ähnliche benannte Farben
Schokolade (#d2691e), Goldrute (#daa520), Indischrot (#cd5c5c), Koralle (#ff7f50), Dunkelgoldrute (#b8860b), Sandbraun (#f4a460).
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.