Schieferblau Farbcode (#6a5acd)

Schieferblau ist #6a5acd im Hex-Format und rgb(106, 90, 205) – ein mittleres Blau. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Schieferblau
#6a5acd
CSS-Nameslateblue
Hex#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248 53% 58%)
HWBhwb(248 35% 20%)
CMYK48%, 56%, 0%, 20%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Schieferblauer Text auf Weiß5,31 : 1AA
Schieferblauer Text auf Schwarz3,96 : 1AA 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).

Häufige Fragen

Wie lautet der Hex-Code für Schieferblau?
#6a5acd – das entspricht rgb(106, 90, 205) und hsl(248, 53%, 58%). In CSS kannst du auch einfach slateblue schreiben.
Ist Schieferblau auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5,31 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Schieferblau?
Die Komplementärfarbe ist #becd5b; die analogen Farben #5b85cd und #a35bcd liegen im Farbkreis direkt daneben.