Бордовый цвет Maroon #800000

Где использовать бордовый цвет

Бордовый #800000 содержит половину максимальной интенсивности красного без зелёного и синего. Он значительно спокойнее чистого красного и подходит для крупных поверхностей, заголовков и выразительной классической айдентики.

Характер и восприятие

Бордовый выглядит глубоким, сдержанным и торжественным. В сочетании с кремовым он становится мягче, с золотым - декоративнее, с серым - современнее.

Подходящие задачи

• Премиальная или классическая айдентика.
• Заголовки и акцентные блоки на светлом фоне.
• Тематика вина, моды, культуры и истории.

Практические рекомендации

• Используйте белый или светлый кремовый текст на бордовом фоне.
• Не сочетайте несколько близких тёмно-красных без различия по светлоте.
• Оставляйте яркий красный для небольших активных деталей.

Как задать бордовый цвет в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение maroon.

.example {
  color: #ffffff;
  background-color: #800000;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-bordovyy: #800000;
}

.button {
  background: var(--color-bordovyy);
}