Dodger Blue color values
| Format | Value |
|---|---|
| Hex | #1E90FF |
| RGB | rgb(30, 144, 255) |
| HSL | hsl(210, 100%, 56%) |
| HSV | 210, 88%, 100% |
| CMYK (simple conversion) | 88%, 44%, 0%, 0% |
| Decimal | 2003199 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Dodger Blue
Dodger blue is a bright, vivid azure shade that feels energetic and modern. It gained widespread recognition through its association with a famous American baseball team. Software developers often use it for links and interactive elements in user interfaces. It is one of the 148 CSS named colors.
Shades and tints of Dodger Blue
Tints mix Dodger Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #359BFF | #1B82E6 |
| 20% | #4BA6FF | #1873CC |
| 30% | #62B1FF | #1565B3 |
| 40% | #78BCFF | #125699 |
| 50% | #8FC8FF | #0F4880 |
Color harmony for Dodger Blue
These colors keep the same saturation and lightness as Dodger Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FF8D1E |
| Analogous | #1EFFFE #1E1FFF |
| Triadic | #FF1E90 #90FF1E |
| Split complementary | #FF1E1F #FFFE1E |
Contrast and accessibility
Contrast between #1E90FF and white is 3.24:1 (large text only). Against black it is 6.49:1 (passes AA). For text on a Dodger Blue background, black text is the more readable choice.
Use Dodger Blue in CSS
.element {
color: dodgerblue;
background-color: #1E90FF;
border-color: rgb(30 144 255);
outline-color: hsl(210 100% 56%);
}All four lines produce exactly the same color. The keyword dodgerblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- deepskyblue: #00BFFF
- Royal Blue: #4169E1
- Cornflower Blue: #6495ED
- Dark Turquoise: #00CED1
FAQ
What is the hex code for Dodger Blue?
The hex code for Dodger Blue is #1E90FF. As a CSS color keyword you can also write dodgerblue.
What is Dodger Blue in RGB?
Dodger Blue is rgb(30, 144, 255): red 30, green 144, blue 255 on the 0 to 255 scale.
What color is closest to Dodger Blue?
Of the CSS named colors, deepskyblue (#00BFFF) is the closest match to Dodger Blue, followed by royalblue and cornflowerblue.
More colors
- Deep Pink: previous page
- Floral White: next page
- CSS named colors: the full list