Royalblau Farbcode (#4169e1)

Über Royalblau

Royalblau (royalblue) ist ein mittleres, lebhaftes Blau mit dem Hex-Code #4169e1 bzw. rgb(65, 105, 225). Im HSL-Modell liegt es bei einem Farbton von 225°, 73 % Sättigung und 57 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: royalblue; schreiben kannst.

Royalblau für Text und Hintergründe verwenden

Auf einem royalblauen Hintergrund verwendest du weißen Text (4.85 : 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: royalblue;               /* or #4169e1 */
  background-color: #4169e1;
  border: 1px solid rgb(65 105 225 / 50%);
}

Ähnliche benannte Farben

Schieferblau (#6a5acd), Stahlblau (#4682b4), Kornblumenblau (#6495ed), Mittelschieferblau (#7b68ee), Dodgerblau (#1e90ff), Mittelviolett (#9370db).