Dodger Blue #1E90FF

Dodger Blue#1E90FF · rgb(30, 144, 255)

Dodger Blue color codes

CSS namedodgerblue
HEX#1E90FF
RGBrgb(30, 144, 255)
HSLhsl(210, 100%, 56%)
CMYKcmyk(88%, 44%, 0%, 0%)
Decimal2003199

Shades of Dodger Blue (darker)

#1B82E6 · #1873CC · #1565B3 · #125699 · #0F4880 · #0C3A66 · #092B4D · #061D33 · #030E1A

Tints of Dodger Blue (lighter)

#359BFF · #4BA6FF · #62B1FF · #78BCFF · #8FC8FF · #A5D3FF · #BCDEFF · #D2E9FF · #E9F4FF

Color harmonies

Complementary
#FF8F1F
Triadic
#FF1F8F, #8FFF1F
Analogous
#1FFFFF, #1F1FFF

Accessibility (WCAG contrast)

White text on Dodger Blue3.24:1 · AA large text only
Black text on Dodger Blue6.49:1 · AA

Use Dodger Blue in code

.element {
  color: dodgerblue;          /* or #1e90ff */
  background-color: rgb(30 144 255 / 0.5);
}

Frequently asked questions

What is the hex code for Dodger Blue?

Dodger Blue is #1E90FF in HEX, rgb(30, 144, 255) in RGB and hsl(210, 100%, 56%) in HSL.

Can I use "dodgerblue" directly in CSS?

Yes. "dodgerblue" is one of the 148 standard CSS named colors, so color: dodgerblue; works in every browser.

Is Dodger Blue readable on white?

The contrast ratio of Dodger Blue on white is 3.24:1 (WCAG AA large text only). On black it is 6.49:1 (AA).

What is the complementary color of Dodger Blue?

The complementary color (opposite on the color wheel) is #FF8F1F.

Similar colors

Deep Sky Blue#00BFFFRoyal Blue#4169E1Cornflower Blue#6495EDDark Turquoise#00CED1Steel Blue#4682B4Light Sea Green#20B2AAMedium Turquoise#48D1CCTurquoise#40E0D0

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.