Über Dodger Blue
Dodger Blue (dodgerblue) ist ein mittleres, kräftiges Blau mit dem Hex-Code #1e90ff bzw. rgb(30, 144, 255). Im HSL-Modell liegt es bei einem Farbton von 210°, 100% Sättigung und 56% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: dodgerblue; statt des Hex-Werts schreiben.
Dodger Blue für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dodger-Blue-Text auf Weiß | 3.24 : 1 | nur AA bei großer Schrift |
| Dodger-Blue-Text auf Schwarz | 6.49 : 1 | AA |
Auf einem Dodger-Blue-Hintergrund nutzt du schwarzen Text (6.49 : 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: dodgerblue; /* or #1e90ff */
background-color: #1e90ff;
border: 1px solid rgb(30 144 255 / 50%);
}
Ähnliche benannte Farben
Deep Sky Blue (#00bfff), Royal Blue (#4169e1), Cornflower Blue (#6495ed), Dark Turquoise (#00ced1), Steel Blue (#4682b4), Light Sea Green (#20b2aa).
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.