What is the HEX code for DodgerBlue?

The HEX code for DodgerBlue is #1E90FF.

What is the RGB value for DodgerBlue?

DodgerBlue uses RGB values 30,144,255.

Can I use DodgerBlue directly in CSS?

Yes. You can use the named CSS color dodgerblue, the HEX value #1E90FF, or rgb(30,144,255).

HTML named color

DodgerBlue color code

Use the DodgerBlue HTML color with HEX #1E90FF, RGB 30,144,255 and HSL 210,100%,56%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#1E90FF

rgb(30,144,255)

HEX

#1E90FF

RGB

rgb(30,144,255)

HSL

hsl(210,100%,56%)

OKLCH

oklch(65.2% 0.190 253.2)

CSS name

dodgerblue

How to use this color

DodgerBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-dodger-blue {
  color: #1E90FF;
}

.bg-dodger-blue {
  background-color: dodgerblue;
}

.border-dodger-blue {
  border-color: rgb(30,144,255);
}