Über Indisch Rot
Indisch Rot (indianred) ist ein mittleres, mäßig gesättigtes Rot mit dem Hex-Code #cd5c5c, bzw. rgb(205, 92, 92). Im HSL-Farbmodell liegt es bei einem Farbton von 0°, 53 % Sättigung und 58 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: indianred; statt des Hex-Werts schreiben.
Indisch Rot für Text und Hintergründe verwenden
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Indisch-Rot-Text auf Weiß | 3.98 : 1 | nur AA für große Schrift |
| Indisch-Rot-Text auf Schwarz | 5.28 : 1 | AA |
Auf einem Indisch-Rot-Hintergrund verwendest du schwarzen Text (5.28 : 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 Kontrast-Checker.
CSS
.element {
color: indianred; /* or #cd5c5c */
background-color: #cd5c5c;
border: 1px solid rgb(205 92 92 / 50%);
}
Ähnliche benannte Farben
Peru (#cd853f), Tomate (#ff6347), Blassviolettrot (#db7093), Lachs (#fa8072), Helles Korallenrot (#f08080), Koralle (#ff7f50).
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.