Код цвета Light Slate Gray (#778899)

Light Slate Gray — это #778899 в HEX и rgb(119, 136, 153), средний приглушённый синий. Ниже: все форматы цвета, оттенки и тени, гармонии и читаемость текста.

Обновлено

Light Slate Gray
#778899
Имя в CSSlightslategray (также lightslategrey)
Hex#778899
RGBrgb(119, 136, 153)
HSLhsl(210 14% 53%)
HWBhwb(210 47% 40%)
CMYK22%, 11%, 0%, 40%

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

Цветовые гармонии

О цвете Light Slate Gray

Light Slate Gray (lightslategray) — средний приглушённый синий с HEX-кодом #778899, или rgb(119, 136, 153). В HSL он имеет оттенок 210°, насыщенность 14% и светлоту 53%. CSS также принимает написание lightslategrey для того же самого цвета. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: lightslategray;.

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

ПараКоэффициент контрастаWCAG
Текст Light Slate Gray на белом3.64 : 1только AA для крупного текста
Текст Light Slate Gray на чёрном5.77 : 1AA

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

CSS

.element {
  color: lightslategray;               /* or #778899 */
  background-color: #778899;
  border: 1px solid rgb(119 136 153 / 50%);
}

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

Slate Gray (#708090), Gray (#808080), Cadet Blue (#5f9ea0), Steel Blue (#4682b4), Dark Sea Green (#8fbc8f), Dim Gray (#696969).

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

Какой HEX-код у светлого сланцево-серого?
#778899 — это rgb(119, 136, 153) и hsl(210, 14%, 53%). В CSS можно также просто написать lightslategray.
Читается ли светлый сланцево-серый текст на белом?
Коэффициент контраста на белом — 3.64 : 1, что проходит только для крупного текста (WCAG AA large).
Какие цвета хорошо сочетаются со светлым сланцево-серым?
Дополнительный цвет — #988776; аналоговые #769898 и #767698 находятся рядом с ним на цветовом круге.