Малиновый цвет Crimson #DC143C

Насыщенный холодный красный оттенок, соответствующий CSS-цвету crimson.

CSS-имя crimson
RGB 220 · 20 · 60
HSL 348° · 83% · 47%
CSS Color Profile
crimson #DC143C
На этой странице
Цвет #DC143C crimson
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: белый
Белый текст 4.99:1 AA
Чёрный текст 4.21:1 Только крупный текст
Светлее и темнее

Оттенки малинового цвета

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #DC143C. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

Готовые палитры

Сочетания с малиновым цветом

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

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

Для малинового цвета выбран код #DC143C и стандартное CSS-имя crimson. Оттенок содержит заметную синюю примесь, поэтому выглядит холоднее чистого красного и хорошо подходит выразительным акцентам, статусам и промоматериалам.

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

Малиновый выглядит энергичным, эмоциональным и современным. Он заметен даже в небольших элементах и требует спокойного нейтрального окружения.

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

  • Акцентные кнопки, метки и промоэлементы.
  • Графики, иллюстрации и событийные материалы.
  • Сочетания с тёмно-синим, бирюзовым и светло-серым.

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

  • Не используйте малиновый как единственный признак ошибки.
  • Проверяйте контраст белого текста на небольших элементах.
  • Для больших фонов выбирайте более тёмный или светлый вариант.

Как задать малиновый цвет в HTML и CSS

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

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

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

:root {
  --color-malinovyy: #dc143c;
}

.button {
  background: var(--color-malinovyy);
}
ФорматЗначениеОсобенность
HEX#DC143CКомпактная шестнадцатеричная запись.
RGBrgb(220 20 60)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(348 83% 47%)Тон, насыщенность и светлота.
CSS-имя crimson Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

Частые вопросы: малиновый цвет

Какой HEX-код у малинового цвета?

Малиновый цвет имеет HEX-код #DC143C. В RGB это rgb(220, 20, 60), а в HSL - hsl(348, 83%, 47%).

Как написать малиновый цвет в CSS?

Используйте код #DC143C, функцию rgb(220 20 60), значение hsl(348 83% 47%) или стандартное ключевое слово crimson.

Какой текст использовать на фоне малинового цвета?

Белый текст даёт более высокий контраст. Соотношение с белым составляет 4.99:1, с чёрным - 4.21:1.

С какими цветами сочетается малиновый?

Используйте контрастную, аналоговую или монохромную схему из таблицы на странице. Для спокойной композиции добавьте нейтральные светлые и тёмные оттенки, а насыщенный дополнительный цвет оставьте для небольших акцентов.

Можно ли использовать имя crimson вместо кода?

Да. Ключевое слово crimson поддерживается в CSS и соответствует значению #DC143C. Числовой код удобнее, если цвет нужно передавать между макетом, кодом и другими программами.