Über Dunkles Schieferblau
Dunkles Schieferblau (darkslateblue) ist ein dunkles, mäßig gesättigtes Blau mit dem Hex-Code #483d8b, oder rgb(72, 61, 139). Im HSL-Modell liegt es bei einem Farbton von 248°, 39 % Sättigung und 39 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: darkslateblue; statt des Hex-Werts schreiben.
Dunkles Schieferblau für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkles Schieferblau-Text auf Weiß | 9.07 : 1 | AAA |
| Dunkles Schieferblau-Text auf Schwarz | 2.32 : 1 | fällt durch |
Auf einem dunklen Schieferblau-Hintergrund nimmst du weißen Text (9.07 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: darkslateblue; /* or #483d8b */
background-color: #483d8b;
border: 1px solid rgb(72 61 139 / 50%);
}
Ähnliche benannte Farben
Rebecca Purple (#663399), Indigo (#4b0082), Dimgrau (#696969), Mitternachtsblau (#191970), Dunkles Schiefergrau (#2f4f4f), Schiefergrau (#708090).
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.