A medium gray, white text passes AA
What color is dimgray?
The CSS named color dimgray is #696969, or rgb(105 105 105): a medium gray in plain words. White text on it reaches 5.49:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | dimgray, also dimgrey |
| Hex | #696969 |
| RGB | rgb(105 105 105) |
| HSL | hsl(0 0% 41%) |
| OKLCH | oklch(52.1% 0.000 none) |
| Nearest Tailwind color | taupe-500 #7c6d67, 0.034 away in OKLab |
| White text | 5.49:1: AA passes, AAA fails, large text passes |
| Black text | 3.83:1: AA fails, AAA fails, large text passes |
About dimgray
In OKLCH terms dimgray has a lightness of 52.1%, a chroma of 0.000 and no hue, a medium gray to the eye. Its other spelling, dimgrey, is the same color: the named color table of CSS lists both.
Its lightness is 41% in HSL and 52.1% in OKLCH, 11 points apart; only the second tracks how light it looks. No CSS keyword matches it; slategray (#708090) is the nearest, 0.078 away in OKLab, a clear step off.
With white text, dimgray passes AA at 5.49:1. Black text, at 3.83:1, does not. Its neighbors in the hue-sorted list of names are gray and black.
The closest Tailwind 4.3.3 color is taupe-500, 0.034 away in OKLab, so bg-taupe-500 comes near; bg-[#696969] gives the color itself.
Tints and shades
- #e4e4e4
- #cacaca
- #b1b1b1
- #989898
- #808080
- #696969
- #515151
- #3a3a3a
- #242424
- #101010
- #020202
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
- #696969
- #ff99b5
- #002c35
- #66936c
- #c4f1cc
Locked as the first of five swatches, dimgray gets #ff99b5, #002c35, #66936c, #c4f1cc 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 dimgray
As a text color, dimgray on a white page gives the same 5.49:1.
.notice {
background-color: dimgray; /* #696969 */
color: white; /* 5.49:1 */
}Common questions
Does white text pass WCAG AA on dimgray?
Yes. White text measures 5.49:1 on dimgray, above the 4.5:1 that WCAG AA asks of body text.
Can dimgray be written in OKLCH?
Yes: oklch(52.1% 0.000 none), computed from #696969. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to dimgray?
No. The nearest, slategray (#708090), is 0.078 away in OKLab, a different color.