Skip to content
  • No data uploaded
  • Instant results

Dodger Blue — #1E90FF

Dodger Blue is the CSS named colour dodgerblue, hex #1E90FF. It has a contrast ratio of 3.24:1 on white and 6.49:1 on black — best used as text on dark backgrounds.

Dodger Blue — #1E90FF

Contrast on white 3.24:1 · on black 6.49:1

Tints
Shades
Complementary
Triadic
Analogous

Free Dodger Blue — #1E90FF by pGento

Using Dodger Blue in code

CSS: color: dodgerblue; or color: #1E90FF; · Tailwind: text-[#1E90FF] · Android/Flutter: 0xFF1E90FF

Dodger Blue colour harmonies

Complementary: #FF8D1E · Triadic: #FF1E90, #90FF1E · Analogous: #1EFFFE, #1E1FFF. Use tints for backgrounds and shades for hover states.

Dodger Blue in every colour format

FormatValue
HEX#1E90FF
RGBrgb(30, 144, 255)
HSLhsl(210, 100%, 56%)
HSVhsv(210, 88%, 100%)
CMYKcmyk(88%, 44%, 0%, 0%)
CSS namedodgerblue
Contrast on white3.24:1
Contrast on black6.49:1

Frequently asked questions

What is the hex code for Dodger Blue?
#1E90FF (CSS name: dodgerblue).
What is Dodger Blue in RGB?
rgb(30, 144, 255)
What colour goes well with Dodger Blue?
Its complementary colour #FF8D1E, or the analogous #1EFFFE and #1E1FFF.
Dodger Blue — #1E90FF

Embed this tool on your site

Paste this code into any web page. It stays free, fast and ad-free inside your site.

Print or save as PDF

Prints just this tool and its result. Choose “Save as PDF” as the printer to get a file. Branding is stored only in this browser.