Код цвета Thistle (#d8bfd8)

Thistle — это #d8bfd8 в HEX и rgb(216, 191, 216), очень светлый пурпурный оттенок. Ниже: все форматы цвета, светлые и тёмные вариации, гармонии и читаемость текста на этом цвете.

Обновлено

Thistle
#d8bfd8
CSS-названиеthistle
Hex#d8bfd8
RGBrgb(216, 191, 216)
HSLhsl(300 24% 80%)
HWBhwb(300 75% 15%)
CMYK0%, 12%, 0%, 15%

Тона и оттенки

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

О цвете Thistle

Thistle (thistle) — очень светлый, приглушённый пурпурный цвет с HEX-кодом #d8bfd8, или rgb(216, 191, 216). В модели HSL он имеет тон 300°, насыщенность 24% и светлоту 80%. Это один из 148 именованных цветов, которые понимает любой браузер, поэтому вместо HEX-значения можно написать color: thistle;.

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

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

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

CSS

.element {
  color: thistle;               /* or #d8bfd8 */
  background-color: #d8bfd8;
  border: 1px solid rgb(216 191 216 / 50%);
}

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

Светло-серый (#d3d3d3), Gainsboro (#dcdcdc), Сливовый (#dda0dd), Серебристый (#c0c0c0), Светлый стально-синий (#b0c4de), Розовый (#ffc0cb).

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

Какой HEX-код у цвета thistle?
#d8bfd8 — это rgb(216, 191, 216) и hsl(300, 24%, 80%). В CSS можно также просто написать thistle.
Читается ли текст thistle на белом фоне?
Коэффициент контраста с белым составляет 1.70 : 1, что не проходит WCAG. Используйте этот цвет для оформления или на тёмном фоне.
Какие цвета хорошо сочетаются с thistle?
Дополнительный цвет — #c0d8c0; аналоговые #ccc0d8 и #d8c0cc располагаются рядом с ним на цветовом круге.