Dodger Blue
A high-intensity, vibrant sky blue hue
Dodger Blue is a high-intensity, saturated hue that commands attention. Because this shade is so visually demanding, it works best as an accent color for calls to action or UI highlights rather than a large background. It pairs well with clean grays or slate tones, which anchor its brightness. The hex code for this color is #1e90ff, and it offers excellent legibility with black text.
About Dodger Blue
Pool water under a high summer sun
What does dodger blue mean?
It often signals energy and play, so sports teams and game makers lean on it to look fast and loud. Full saturation at a mid brightness gives it a charged, forward push, nothing deep or muted about it.
Where you see dodger blue
- pool water
- soccer jerseys
- clear noon sky
- plastic water bottles
- hyperlinks
What it works for
It works for buttons, alerts, and game interfaces where a message has to land in one glance.
What colors go with dodger blue?
Hot Pink #ff028dBoth are loud, and the warmth keeps the blue from feeling sterile.Goldenrod #fdcb18A retro pair that reads like old stadium uniforms and pennants.Coral #ff7f50The warm pink-orange offsets the cool base without dulling it.Midnight Blue #020035A darker neighbor that grounds the brightness in the same family.Cream #fffdd0Gives the saturation room to breathe while keeping the page warm.
Questions about Dodger Blue
What is the hex code for Dodger Blue?
Dodger Blue is #1e90ff. In RGB that is rgb(30, 144, 255), in HSL hsl(210, 100%, 56%) and in CMYK 88%, 44%, 0%, 0%.
Where should I use #1e90ff in my design?
Use #1e90ff as a high-contrast accent color for primary call-to-action buttons or interactive UI elements. Because of its intense, saturated nature, it can overwhelm larger background areas but works perfectly to draw the eye toward specific, important information.
Is Dodger Blue readable on white or black?
Dodger Blue has a 3.23:1 contrast ratio on white and 6.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.