A vivid dark blue, white text passes AA
What color is mediumblue?
The CSS named color mediumblue is #0000cd, or rgb(0 0 205): a vivid dark blue in plain words. White text on it reaches 11.16:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumblue |
| Hex | #0000cd |
| RGB | rgb(0 0 205) |
| HSL | hsl(240 100% 40%) |
| OKLCH | oklch(38.3% 0.266 264.1) |
| Nearest Tailwind color | blue-800 #193cb8, 0.079 away in OKLab |
| White text | 11.16:1: AA passes, AAA passes, large text passes |
| Black text | 1.88:1: AA fails, AAA fails, large text fails |
About mediumblue
In OKLCH terms mediumblue has a lightness of 38.3%, a chroma of 0.266 and a hue of 264.1 degrees, a vivid dark blue to the eye.
Here HSL's lightness, 40%, lands near OKLCH's 38.3%, which is not true of every color. No CSS keyword matches it; blue (#0000ff) is the nearest, 0.083 away in OKLab, a clear step off.
For text, mediumblue wants white: 11.16:1 clears even AAA's 7:1, and black at 1.88:1 fails AA. Its neighbors in the hue-sorted list of names are blue and darkblue.
The closest Tailwind 4.3.3 color is blue-800, 0.079 away in OKLab, so bg-blue-800 comes near; bg-[#0000cd] gives the color itself.
Tints and shades
- #cedefb
- #9fbcf6
- #7199ee
- #4575e5
- #194dda
- #0000cd
- #0000a0
- #000076
- #00004e
- #000029
- #000009
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
- #0000cd
- #a5b6db
- #322300
- #7385a3
- #d5def2
Locked as the first of five swatches, mediumblue gets #a5b6db, #322300, #7385a3, #d5def2 from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using mediumblue
As a text color, mediumblue on a white page gives the same 11.16:1.
.notice {
background-color: mediumblue; /* #0000cd */
color: white; /* 11.16:1 */
}Common questions
Does white text pass WCAG AA on mediumblue?
Yes. White text measures 11.16:1 on mediumblue, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.
Can mediumblue be written in OKLCH?
Yes: oklch(38.3% 0.266 264.1), computed from #0000cd. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumblue?
No. The nearest, blue (#0000ff), is 0.083 away in OKLab, a different color.