Dodger Blue hex code
The hex code for dodger blue is #1E90FF. In RGB that is rgb(30, 144, 255) and in HSL it is hsl(210, 100%, 56%).
The hex code for dodger blue is #1E90FF. In RGB that is rgb(30, 144, 255) and in HSL it is hsl(210, 100%, 56%).
Dodger Blue · #1E90FF
Colour codes
- HEX
- #1E90FF
- RGB
- rgb(30, 144, 255)
- HSL
- hsl(210, 100%, 56%)
- CMYK
- 88, 44, 0, 0
- CSS name
- dodgerblue
- Contrast on white
- 3.24:1
- Contrast on black
- 6.49:1
Tints and shades
20% lighter · #4ba6ff
40% lighter · #78bcff
60% lighter · #a5d3ff
80% lighter · #d2e9ff
20% darker · #1873cc
40% darker · #125699
60% darker · #0c3a66
80% darker · #061d33
Complementary colour
Dodger Blue · #1E90FF
Opposite on the colour wheel · #ff8f1f
Frequently asked questions
What is the hex code for dodger blue?
The hex code for dodger blue is #1E90FF. In RGB that is rgb(30, 144, 255) and in HSL it is hsl(210, 100%, 56%).
Can I use dodger blue for text?
It has a contrast ratio of 3.24:1 on white and 6.49:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with dodger blue?
Its complementary colour, opposite on the colour wheel, is #FF8F1F. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of dodger blue instead.
Is dodger blue a CSS colour name?
Yes. CSS accepts the keyword dodgerblue, so color: dodgerblue and color: #1E90FF render exactly the same.