UI Shades

A study in blue

Dodger Blue

#1E90FF

Family
Blue
L
0.652
C
0.190
H
253°

Notes

Dodger Blue is a bright mid-blue named after the baseball franchise rather than the artful pedestrian. The CSS hex sits between Sky Blue and Royal Blue, vivid enough to feel modern but desaturated enough to avoid the dated feel of pure web-safe blue. It became one of the standard primary action colors of the 2010s, appearing in early Twitter, Trello, and a long list of SaaS dashboards. Pair with charcoal type and cream surfaces for a friendly tech palette. Body text contrast against white falls below AA at body sizes, so keep text use to headlines and rely on dark overlays for button surfaces.

#1e90ff
Dodger Blue
Dodger Blue
#1e90ff
oklch(0.652 0.19 253.21)
rgb(30 144 255)
hsl(209.6 100% 55.9%)
Share
#edfcff
#e3f6ff
#cae8ff
#acd8ff
#6fb8ff
#1e90ff
#0071dd
#005bbf
#004091
#002a68
#00153c

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dodger Blue

Cross-reference
Q&A

Frequently asked questions

What is Dodger Blue?

Dodger Blue is a bright mid-blue named after the baseball franchise rather than the artful pedestrian. The CSS hex sits between Sky Blue and Royal Blue, vivid enough to feel modern but desaturated enough to avoid the dated feel of pure web-safe blue. Its hex code is #1E90FF.

What are the tints and shades of Dodger Blue?

uishades builds an 11-step OKLCH ramp for Dodger Blue (#1E90FF) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dodger Blue?

Its complementary color is #C87D00. Triadic partners are #EC516E and #5DA600; analogous neighbours are #847AFE and #00A1CF.

What are the OKLCH and RGB values of Dodger Blue?

Dodger Blue is #1E90FF - OKLCH 0.652 0.190 253°, rgb(30 144 255), in the blue family.