Dodger Blue Farbcode (#1e90ff)

Dodger Blue ist #1e90ff im HEX-Format und rgb(30, 144, 255) – ein mittleres Blau. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Dodger Blue
#1e90ff
CSS-Namedodgerblue
Hex#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(210 100% 56%)
HWBhwb(210 12% 0%)
CMYK88%, 44%, 0%, 0%

Tints und Shades

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Dodger-Blue-Text auf Weiß3.24 : 1nur AA bei großer Schrift
Dodger-Blue-Text auf Schwarz6.49 : 1AA

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).

Häufige Fragen

Wie lautet der Hex-Code für Dodger Blue?
#1e90ff – das entspricht rgb(30, 144, 255) und hsl(210, 100%, 56%). In CSS kannst du auch einfach dodgerblue schreiben.
Ist Dodger-Blue-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 3.24 : 1, es besteht daher nur bei großer Schrift (WCAG AA large).
Welche Farben passen gut zu Dodger Blue?
Die Komplementärfarbe ist #ff8f1f; die analogen Farben #1fffff und #1f1fff liegen im Farbkreis direkt daneben.