Dodger blue color

A bright, energetic medium blue. It is a standard web color, and the name is often linked to the Los Angeles Dodgers, though their official team blue is darker.

Dodger blue · #1E90FF

About dodger blue

Dodger blue (#1E90FF) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 30 red, 144 green and 255 blue (out of 255). It is mostly used in web, sports, UI.

Dodger blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Dodger blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Tangerine

AnalogousClose to: Cyan, Blue

TriadicClose to: Deep pink, Grass green

Split complementaryClose to: Red, Yellow

TetradicClose to: Magenta, Tangerine, Neon green

Dodger blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Dodger blue

Analogous palette · Dodger blue

Complementary palette · Dodger blue

Triadic palette · Dodger blue

With neutrals palette · Dodger blue

With an accent palette · Dodger blue

Dodger blue contrast with text

White textContrast 3.2:1 · AA large text

Black textContrast 6.5:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --dodger-blue: #1E90FF;
  --dodger-blue-rgb: 30, 144, 255;
}
.bg { background-color: var(--dodger-blue); }
.text { color: var(--dodger-blue); }

Colors similar to dodger blue

Bright blue Azure Cornflower blue Royal blue Denim blue Electric blue French blue Sapphire blue Cobalt blue Slate blue

Themed palettes with this color

Frequently asked questions

What is the hex code for dodger blue?

The hex code for dodger blue is #1E90FF. In RGB it is rgb(30, 144, 255), in HSL hsl(210, 100%, 56%) and in CMYK 88, 44, 0, 0.

What is the complementary color of dodger blue?

Its complement on the color wheel is #FF8D1E, close to tangerine. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on dodger blue?

Use black text instead: the contrast with white is only 3.2:1, while with black it is 6.5:1.