Код светло-серого цвета (#d3d3d3)

Светло-серый — #d3d3d3 в HEX и rgb(211, 211, 211) — очень светлый серый. Ниже: все форматы цвета, оттенки и тона, цветовые сочетания и читаемость такого цвета в виде текста.

Обновлено

Светло-серый
#d3d3d3
Имя в CSSlightgray (also lightgrey)
Hex#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HWBhwb(0 83% 17%)
CMYK0%, 0%, 0%, 17%

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

О светло-сером цвете

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

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

СочетаниеКоэффициент контрастаWCAG
Светло-серый текст на белом1.50 : 1не проходит
Светло-серый текст на чёрном14.03 : 1AAA

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

CSS

.element {
  color: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

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

Гейнсборо (#dcdcdc), Чертополох (#d8bfd8), Серебристый (#c0c0c0), Светлый стально-синий (#b0c4de), Порошково-синий (#b0e0e6), Светло-голубой (#add8e6).

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

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