DodgerBlue Color

Learn about DodgerBlue (#1e90ff): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

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

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.