CSS named color
DodgerBlue
#1E90FF
HEX
#1e90ffRGB
rgb(30, 144, 255)HSL
hsl(210, 100%, 56%)OKLCH
oklch(65.20% 0.1901 253.21)NAME
dodgerbluePalette
Complementary
180° on the color wheelComplement
#FF8F1F
Analogous
±30° around the base hueLeft
#1FFFFF
Right
#1F1FFF
Triadic
±120° for harmonic contrastTriad 1
#FF1F8F
Triad 2
#8FFF1F
Shades
Lighter and darker variantsCSS usage
By name
color: dodgerblue;
background-color: dodgerblue;By HEX
color: #1e90ff;
background-color: #1e90ff;By RGB
color: rgb(30, 144, 255);
background-color: rgb(30, 144, 255);By HSL
color: hsl(210, 100%, 56%);
background-color: hsl(210, 100%, 56%);WCAG contrast vs white
Aa
3.24:1
AA (large text)
WCAG contrast vs black
Aa
6.49:1
AA
Related colors
FAQ — DodgerBlue
What is the HEX code for DodgerBlue?
The HEX code for DodgerBlue is #1E90FF. It's one of the 148 named CSS colors and can be used directly in CSS as color: dodgerblue; or color: #1e90ff;
What is DodgerBlue in RGB?
DodgerBlue in RGB is rgb(30, 144, 255) — red 30, green 144, blue 255.
What is DodgerBlue in HSL?
DodgerBlue in HSL is hsl(210, 100%, 56%) — hue 210°, saturation 100%, lightness 56%.
What is the complementary color of DodgerBlue?
The complementary color (directly opposite DodgerBlue on the color wheel) is #FF8F1F. The two together produce maximum contrast.
Is white text readable on DodgerBlue?
The WCAG contrast ratio against white (#FFFFFF) is 3.24:1, and against black (#000000) it's 6.49:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.