A dark indigo, white text passes AA
What color is darkslateblue?
The CSS named color darkslateblue is #483d8b, or rgb(72 61 139): a dark indigo in plain words. White text on it reaches 9.07:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | darkslateblue |
| Hex | #483d8b |
| RGB | rgb(72 61 139) |
| HSL | hsl(248 39% 39%) |
| OKLCH | oklch(41.4% 0.125 286.0) |
| Nearest Tailwind color | indigo-900 #312c85, 0.061 away in OKLab |
| White text | 9.07:1: AA passes, AAA passes, large text passes |
| Black text | 2.32:1: AA fails, AAA fails, large text fails |
About darkslateblue
In OKLCH terms darkslateblue has a lightness of 41.4%, a chroma of 0.125 and a hue of 286.0 degrees, a dark indigo to the eye.
Here HSL's lightness, 39%, lands near OKLCH's 41.4%, which is not true of every color. No CSS keyword matches it; rebeccapurple (#663399) is the nearest, 0.061 away in OKLab, a clear step off.
For text, darkslateblue wants white: 9.07:1 clears even AAA's 7:1, and black at 2.32:1 fails AA. Its neighbors in the hue-sorted list of names are slateblue and midnightblue.
The closest Tailwind 4.3.3 color is indigo-900, 0.061 away in OKLab, so bg-indigo-900 comes near; bg-[#483d8b] gives the color itself.
Tints and shades
- #ddddec
- #bcbcda
- #9d9bc6
- #7f7cb3
- #625c9f
- #483d8b
- #362e6c
- #261f4e
- #161232
- #080619
- #010104
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
- #483d8b
- #c1c3e6
- #171733
- #ffe8bd
- #76966f
Locked as the first of five swatches, darkslateblue gets #c1c3e6, #171733, #ffe8bd, #76966f from Recolor's generator, a split-complementary palette, built on the two hues beside its opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using darkslateblue
As a text color, darkslateblue on a white page gives the same 9.07:1.
.notice {
background-color: darkslateblue; /* #483d8b */
color: white; /* 9.07:1 */
}Common questions
Does white text pass WCAG AA on darkslateblue?
Yes. White text measures 9.07:1 on darkslateblue, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.
Can darkslateblue be written in OKLCH?
Yes: oklch(41.4% 0.125 286.0), computed from #483d8b. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkslateblue?
No. The nearest, rebeccapurple (#663399), is 0.061 away in OKLab, a different color.