Код цвета Gainsboro (#dcdcdc)

Gainsboro — это #dcdcdc в HEX и rgb(220, 220, 220), очень светлый серый цвет. Ниже — все форматы цвета, оттенки и тени, сочетания и читаемость текста.

Обновлено

Гейнсборо
#dcdcdc
Название в CSSgainsboro
Hex#dcdcdc
RGBrgb(220, 220, 220)
HSLhsl(0 0% 86%)
HWBhwb(0 86% 14%)
CMYK0%, 0%, 0%, 14%

Оттенки и тени

О цвете Gainsboro

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

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

СочетаниеКоэффициент контрастаWCAG
Текст Gainsboro на белом1.37 : 1не проходит
Текст Gainsboro на чёрном15.31 : 1AAA

На фоне gainsboro используйте чёрный текст (15.31 : 1). WCAG требует контраст не менее 4.5 : 1 для основного текста и 3 : 1 для крупного. Другие пары проверяйте в проверке контраста.

CSS

.element {
  color: gainsboro;               /* or #dcdcdc */
  background-color: #dcdcdc;
  border: 1px solid rgb(220 220 220 / 50%);
}

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

Светло-серый (#d3d3d3), Чертополох (#d8bfd8), Лавандовый (#e6e6fa), Антикварно-белый (#faebd7), Бежевый (#f5f5dc), Туманная роза (#ffe4e1).

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

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