DodgerBlue Color — HEX, RGB, HSL, Palettes & Contrast

DodgerBlue (#1e90ff): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#1e90ff
HEX #1e90ff
RGB rgb(30, 144, 255)
HSL 210°, 100%, 56%

Use DodgerBlue in Your Projects

About DodgerBlue Color

DodgerBlue is a bright, vibrant blue named after the baseball team. It is widely used for links, buttons, and interactive UI elements across the web.

Use Cases for DodgerBlue

linksbuttonsinteractive UIbrand accentssports themes

Shades & Tints of DodgerBlue

#ffffff
#c7e3ff
#8fc8ff
#56acff
#1e90ff
#176cbf
#0f4880
#082440
#000000

Complementary Color

#1e90ff
#ff8f1f

Analogous Colors

#1fffff
#1e90ff
#1f1fff

Triadic Colors

#1e90ff
#ff1f8f
#8fff1f

Split Complementary

#1e90ff
#ff1f1f
#ffff1f

Tetradic Colors

#1e90ff
#8f1fff
#ff8f1f
#8fff1f

CSS Code

.dodgerblue-color {
  color: #1e90ff;
  background-color: #1e90ff;
}

/* As a CSS custom property */
:root {
  --color-dodgerblue: #1e90ff;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DodgerBlue
Ratio: 6.49:1 ✓ Passes AA ✗ Fails AAA
White text on DodgerBlue
Ratio: 3.24:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is DodgerBlue?

DodgerBlue is represented by the hex code #1e90ff and has RGB values of rgb(30, 144, 255). It falls under the Blue category.

How to use DodgerBlue in web design?

DodgerBlue works well for links, buttons, interactive UI. DodgerBlue is a bright, vibrant blue named after the baseball team. It is widely used for links, buttons, and interactive UI elements across the web. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DodgerBlue?

Colors that pair well with DodgerBlue include royalblue, steelblue, cornflowerblue, deepskyblue, skyblue. For a complementary scheme, try #ff8f1f. For an analogous scheme, use #1fffff and #1f1fff. For a triadic scheme, combine with #ff1f8f and #8fff1f.