A vivid medium indigo, black text passes AA
What color is mediumslateblue?
The CSS named color mediumslateblue is #7b68ee, or rgb(123 104 238): a vivid medium indigo in plain words. Black text on it reaches 5.06:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumslateblue |
| Hex | #7b68ee |
| RGB | rgb(123 104 238) |
| HSL | hsl(249 80% 67%) |
| OKLCH | oklch(60.4% 0.194 285.5) |
| Nearest Tailwind color | indigo-500 #615fff, 0.052 away in OKLab |
| White text | 4.15:1: AA fails, AAA fails, large text passes |
| Black text | 5.06:1: AA passes, AAA fails, large text passes |
About mediumslateblue
Measured in OKLCH, mediumslateblue comes out at lightness 60.4%, chroma 0.194 and hue 285.5 degrees: a vivid medium indigo.
Its lightness is 67% in HSL and 60.4% in OKLCH, 7 points apart; only the second tracks how light it looks. No CSS keyword matches it; mediumpurple (#9370db) is the nearest, 0.054 away in OKLab, a clear step off.
Black is the ink for mediumslateblue: 5.06:1 passes AA for body text, where white stops at 4.15:1. Its neighbors in the hue-sorted list of names are lavender and slateblue.
The closest Tailwind 4.3.3 color is indigo-500, 0.052 away in OKLab, so bg-indigo-500 comes near; bg-[#7b68ee] gives the color itself.
Tints and shades
- #e7e7ff
- #cfcefd
- #b8b6fb
- #a29df7
- #8e83f3
- #7b68ee
- #5f50bb
- #45398a
- #2c245c
- #151032
- #03020d
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
- #7b68ee
- #ffe8d4
- #0f2d23
- #efa276
- #503f9b
Around mediumslateblue as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #ffe8d4, #0f2d23, #efa276, #503f9b, drawn from a seed fixed by its hex. Open it in Recolor.
Using mediumslateblue
As a text color, mediumslateblue on a black page gives the same 5.06:1.
.notice {
background-color: mediumslateblue; /* #7b68ee */
color: black; /* 5.06:1 */
}Common questions
Does white text pass WCAG AA on mediumslateblue?
No. White text measures 4.15:1 on mediumslateblue, under AA's 4.5:1; black text measures 5.06:1 and passes.
Can mediumslateblue be written in OKLCH?
Yes: oklch(60.4% 0.194 285.5), computed from #7b68ee. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumslateblue?
No. The nearest, mediumpurple (#9370db), is 0.054 away in OKLab, a different color.