Über Crimson
Crimson (crimson) ist ein mittleres, kräftiges Rot mit dem Hex-Code #dc143c oder rgb(220, 20, 60). Im HSL-Modell liegt er bei einem Farbton von 348°, 83 % Sättigung und 47 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: crimson; statt des Hex-Werts schreiben.
Crimson für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Crimson-Text auf Weiß | 4.99 : 1 | AA |
| Crimson-Text auf Schwarz | 4.21 : 1 | nur AA für große Schrift |
Auf einem Crimson-Hintergrund nimmst du am besten weißen Text (4.99 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: crimson; /* or #dc143c */
background-color: #dc143c;
border: 1px solid rgb(220 20 60 / 50%);
}
Ähnliche benannte Farben
Fire Brick (#b22222), Braun (#a52a2a), Rot (#ff0000), Mittleres Violettrot (#c71585), Indisches Rot (#cd5c5c), Orangerot (#ff4500).
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.