Код цвета «Тёмно-серый» (#a9a9a9)

Тёмно-серый — это #a9a9a9 в HEX и rgb(169, 169, 169), светло-серый цвет. Ниже: все цветовые форматы, оттенки и тона, гармонии и то, насколько цвет читаем как текст.

Обновлено

Тёмно-серый
#a9a9a9
Имя в CSSdarkgray (also darkgrey)
Hex#a9a9a9
RGBrgb(169, 169, 169)
HSLhsl(0 0% 66%)
HWBhwb(0 66% 34%)
CMYK0%, 0%, 0%, 34%

Оттенки и тона

О цвете «Тёмно-серый»

Тёмно-серый (darkgray) — светлый приглушённый серый цвет с HEX-кодом #a9a9a9, или rgb(169, 169, 169). В HSL он имеет тон 0°, насыщенность 0% и светлоту 66%. CSS также принимает написание darkgrey для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому можно написать color: darkgray; вместо HEX-значения.

Использование тёмно-серого для текста и фона

ПараКоэффициент контрастаWCAG
Тёмно-серый текст на белом2.35 : 1не проходит
Тёмно-серый текст на чёрном8.94 : 1AAA

На тёмно-сером фоне используйте текст чёрного цвета (8.94 : 1). WCAG требует контраста не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Проверить другие пары можно с помощью Contrast Checker.

CSS

.element {
  color: darkgray;               /* or #a9a9a9 */
  background-color: #a9a9a9;
  border: 1px solid rgb(169 169 169 / 50%);
}

Похожие именованные цвета

Серебристый (#c0c0c0), Тёмно-зелёный морской (#8fbc8f), Розово-коричневый (#bc8f8f), Загар (#d2b48c), Светло-стальной синий (#b0c4de), Светло-сланцево-серый (#778899).

Часто задаваемые вопросы

Какой HEX-код у тёмно-серого цвета?
#a9a9a9 — это rgb(169, 169, 169) и hsl(0, 0%, 66%). В CSS можно также просто написать darkgray.
Читается ли тёмно-серый текст на белом фоне?
Коэффициент контраста на белом составляет 2.35 : 1, что не соответствует WCAG. Лучше использовать его в декоре или на тёмном фоне.
Какие цвета хорошо сочетаются с тёмно-серым?
Тёмно-серый — нейтральный цвет, поэтому он сочетается почти с любым цветом. Используйте его для фонов, границ и текста рядом с более насыщенным акцентом.