A medium indigo, white text passes AA
What color is slateblue?
slateblue is a medium indigo: #6a5acd in hex, rgb(106 90 205). White text on it reaches 5.31:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | slateblue |
| Hex | #6a5acd |
| RGB | rgb(106 90 205) |
| HSL | hsl(248 53% 58%) |
| OKLCH | oklch(54.4% 0.171 285.5) |
| Nearest Tailwind color | indigo-500 #615fff, 0.077 away in OKLab |
| White text | 5.31:1: AA passes, AAA fails, large text passes |
| Black text | 3.96:1: AA fails, AAA fails, large text passes |
About slateblue
A medium indigo is the plain description of slateblue: OKLCH lightness 54.4%, chroma 0.171, hue 285.5 degrees.
HSL and OKLCH agree on how light it is, 58% and 54.4%. The nearest CSS named color, royalblue (#4169e1), is 0.064 away in OKLab: related, but plainly a different color.
White text on slateblue reaches 5.31:1, enough for WCAG AA body text but short of AAA's 7:1; black text gets 3.96:1. In the hue-sorted table of named colors it sits between mediumslateblue and darkslateblue.
In Tailwind CSS 4.3.3 the nearest default color is indigo-500 (#615fff), 0.077 away in OKLab; for the exact color, an arbitrary value such as bg-[#6a5acd] works.
Tints and shades
- #e3e4f9
- #c9c8f2
- #afadea
- #9792e1
- #7f77d7
- #6a5acd
- #5245a0
- #3a3176
- #241e4e
- #100c29
- #020209
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
- #6a5acd
- #28263a
- #eff2ff
- #464576
- #bbb1ed
Recolor's generator, with slateblue locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #28263a, #eff2ff, #464576, #bbb1ed. Open it in Recolor.
Using slateblue
As a text color, slateblue on a white page gives the same 5.31:1.
.notice {
background-color: slateblue; /* #6a5acd */
color: white; /* 5.31:1 */
}Common questions
Does white text pass WCAG AA on slateblue?
Yes. White text measures 5.31:1 on slateblue, above the 4.5:1 that WCAG AA asks of body text.
Can slateblue be written in OKLCH?
Yes: oklch(54.4% 0.171 285.5), computed from #6a5acd. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to slateblue?
No. The nearest, royalblue (#4169e1), is 0.064 away in OKLab, a different color.