Über Schieferblau
Schieferblau (slateblue) ist ein mittleres, moderat gesättigtes Blau mit dem Hex-Code #6a5acd oder rgb(106, 90, 205). Im HSL-Modell liegt es bei einem Farbton von 248°, 53 % Sättigung und 58 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: slateblue; statt des Hex-Werts schreiben.
Schieferblau für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Schieferblauer Text auf Weiß | 5,31 : 1 | AA |
| Schieferblauer Text auf Schwarz | 3,96 : 1 | AA nur für große Schrift |
Auf einem schieferblauen Hintergrund eignet sich weißer Text (5,31 : 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 Kontrastprüfer.
CSS
.element {
color: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}
Ähnliche benannte Farben
Mittleres Schieferblau (#7b68ee), Königsblau (#4169e1), Mittleres Lila (#9370db), Stahlblau (#4682b4), Blauviolett (#8a2be2), Dunkle Orchidee (#9932cc).
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.