A vivid very dark blue, white text passes AA
What color is darkblue?
darkblue is a vivid very dark blue: #00008b in hex, rgb(0 0 139). White text on it reaches 15.30:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | darkblue |
| Hex | #00008b |
| RGB | rgb(0 0 139) |
| HSL | hsl(240 100% 27%) |
| OKLCH | oklch(28.8% 0.199 264.1) |
| Nearest Tailwind color | violet-950 #2f0d68, 0.098 away in OKLab |
| White text | 15.30:1: AA passes, AAA passes, large text passes |
| Black text | 1.37:1: AA fails, AAA fails, large text fails |
About darkblue
Measured in OKLCH, darkblue comes out at lightness 28.8%, chroma 0.199 and hue 264.1 degrees: a vivid very dark blue.
HSL and OKLCH agree on how light it is, 27% and 28.8%. Of the named colors, navy (#000080) is the nearest, 0.020 away in OKLab; next to each other the two still differ.
White on darkblue reads at 15.30:1, enough for AAA body text; black reaches 1.37:1 and should stay off it. In the hue-sorted table of named colors it sits between mediumblue and navy.
In Tailwind CSS 4.3.3 the nearest default color is violet-950 (#2f0d68), 0.098 away in OKLab; for the exact color, an arbitrary value such as bg-[#00008b] works.
Tints and shades
- #cdd8ef
- #9db2dd
- #6e8cca
- #4266b6
- #183ea1
- #00008b
- #00006c
- #00004e
- #000032
- #000019
- #000004
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
- #00008b
- #bfc6a7
- #73411a
- #dfeeff
- #7e8cb2
Around darkblue as swatch 1, Recolor's generator made a split-complementary palette, built on the two hues beside its opposite: #bfc6a7, #73411a, #dfeeff, #7e8cb2, drawn from a seed fixed by its hex. Open it in Recolor.
Using darkblue
As a text color, darkblue on a white page gives the same 15.30:1.
.notice {
background-color: darkblue; /* #00008b */
color: white; /* 15.30:1 */
}Common questions
Does white text pass WCAG AA on darkblue?
Yes. White text measures 15.30:1 on darkblue, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.
Can darkblue be written in OKLCH?
Yes: oklch(28.8% 0.199 264.1), computed from #00008b. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkblue?
Yes: navy (#000080) is the nearest, 0.020 away in OKLab, then midnightblue at 0.061.