A grayish medium blue, black text passes AA
What color is lightslategray?
lightslategray is a grayish medium blue: #778899 in hex, rgb(119 136 153). Black text on it reaches 5.77:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | lightslategray, also lightslategrey |
| Hex | #778899 |
| RGB | rgb(119 136 153) |
| HSL | hsl(210 14% 53%) |
| OKLCH | oklch(61.9% 0.032 248.4) |
| Nearest Tailwind color | mist-500 #67787c, 0.062 away in OKLab |
| White text | 3.64:1: AA fails, AAA fails, large text passes |
| Black text | 5.77:1: AA passes, AAA fails, large text passes |
About lightslategray
Measured in OKLCH, lightslategray comes out at lightness 61.9%, chroma 0.032 and hue 248.4 degrees: a grayish medium blue. CSS accepts two spellings for it, lightslategray and lightslategrey, with the same value; lightslategrey leads to this page.
HSL calls its lightness 53%, OKLCH 61.9%: 9 points between a formula and a measure of what the eye sees. Of the named colors, slategray (#708090) is the nearest, 0.027 away in OKLab; next to each other the two still differ.
Black is the ink for lightslategray: 5.77:1 passes AA for body text, where white stops at 3.64:1. In the hue-sorted table of named colors it sits between dodgerblue and slategray.
In Tailwind CSS 4.3.3 the nearest default color is mist-500 (#67787c), 0.062 away in OKLab; for the exact color, an arbitrary value such as bg-[#778899] works.
Tints and shades
- #e7eaed
- #d0d6dc
- #b9c2cb
- #a2aeba
- #8c9ba9
- #778899
- #5c6977
- #424c57
- #2a3138
- #14181c
- #030405
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
- #778899
- #d4e1fb
- #296900
- #f8a5a1
- #461d1a
Around lightslategray as swatch 1, Recolor's generator made a triadic palette, three hues a third of the wheel apart: #d4e1fb, #296900, #f8a5a1, #461d1a, drawn from a seed fixed by its hex. Open it in Recolor.
Using lightslategray
As a text color, lightslategray on a black page gives the same 5.77:1.
.notice {
background-color: lightslategray; /* #778899 */
color: black; /* 5.77:1 */
}Common questions
Does white text pass WCAG AA on lightslategray?
No. White text measures 3.64:1 on lightslategray, under AA's 4.5:1; black text measures 5.77:1 and passes.
Can lightslategray be written in OKLCH?
Yes: oklch(61.9% 0.032 248.4), computed from #778899. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to lightslategray?
Yes: slategray (#708090) is the nearest, 0.027 away in OKLab, then gray at 0.038.