A vivid medium blue, black text passes AA
What color is dodgerblue?
The CSS named color dodgerblue is #1e90ff, or rgb(30 144 255): a vivid medium blue in plain words. Black text on it reaches 6.49:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | dodgerblue |
| Hex | #1e90ff |
| RGB | rgb(30 144 255) |
| HSL | hsl(210 100% 56%) |
| OKLCH | oklch(65.2% 0.190 253.2) |
| Nearest Tailwind color | blue-500 #2b7fff, 0.043 away in OKLab |
| White text | 3.24:1: AA fails, AAA fails, large text passes |
| Black text | 6.49:1: AA passes, AAA fails, large text passes |
About dodgerblue
In OKLCH terms dodgerblue has a lightness of 65.2%, a chroma of 0.190 and a hue of 253.2 degrees, a vivid medium blue to the eye.
Its lightness is 56% in HSL and 65.2% in OKLCH, 9 points apart; only the second tracks how light it looks. No CSS keyword matches it; cornflowerblue (#6495ed) is the nearest, 0.059 away in OKLab, a clear step off.
With black text, dodgerblue passes AA at 6.49:1. White text, at 3.24:1, does not. Its neighbors in the hue-sorted list of names are cornflowerblue and lightslategray.
The closest Tailwind 4.3.3 color is blue-500, 0.043 away in OKLab, so bg-blue-500 comes near; bg-[#1e90ff] gives the color itself.
Tints and shades
- #deeeff
- #bcdcff
- #9acaff
- #77b7ff
- #52a4ff
- #1e90ff
- #1570c8
- #0c5194
- #053463
- #021a36
- #00040f
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #1e90ff
- #0f2108
- #aec4e1
- #355984
- #ffd1d4
Locked as the first of five swatches, dodgerblue gets #0f2108, #aec4e1, #355984, #ffd1d4 from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using dodgerblue
As a text color, dodgerblue on a black page gives the same 6.49:1.
.notice {
background-color: dodgerblue; /* #1e90ff */
color: black; /* 6.49:1 */
}Common questions
Does white text pass WCAG AA on dodgerblue?
No. White text measures 3.24:1 on dodgerblue, under AA's 4.5:1; black text measures 6.49:1 and passes.
Can dodgerblue be written in OKLCH?
Yes: oklch(65.2% 0.190 253.2), computed from #1e90ff. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to dodgerblue?
No. The nearest, cornflowerblue (#6495ed), is 0.059 away in OKLab, a different color.