Амарантовий

#E52B50
229, 43, 80 · 348°, 78%, 53%

Значення кольору

Натисніть на значення, щоб скопіювати

Про колір Амарантовий

Амарантовий, він же #E52B50, сприймається як середній за світлотою і гранично насичений відтінок червоного. Його тон — 348°: це проміжок між рожевим на 330° і червоним на 360°, ближче до 360°. Його RGB-рецепт — 229 / 43 / 80: головний тут червоний канал, а канали заповнені на 90%, 17% і 31%. Тим, хто мислить у HSL, він відомий як 348°, 78%, 53%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Якщо Амарантовий не зовсім підходить, погляньте на найближчі іменовані відтінки: Ясно-вишневий, Алізариновий червоний і Радикальний Червоний. Точний додатковий колір до нього — #2AE5BF, найближчий до нього іменований колір — Бірюзовий.

Де використовувати Амарантовий

Амарантовий — гучний колір, і його місце — в акцентах: кнопки заклику до дії, посилання, виділення й ключові цифри на графіках. За правилом 60-30-10 він найкраще підходить на роль акценту (10%).

Щоб побудувати стани навколо кольору Амарантовий, візьміть #EA5774 для наведення і #FCE8EC для світлого фону.

Контраст і доступність

Чи читається текст цим кольором — за стандартом WCAG 2.1

На білому
4.38:1
WCAG AA WCAG AAA AA (великий текст)
На чорному
4.79:1
WCAG AA WCAG AAA AA (великий текст)
Як тло
4.31:1
WCAG AA WCAG AAA AA (великий текст)

Амарантовий як текст і фон

На білому він дає лише 4,38:1 — годиться для заголовків і великого тексту (WCAG AA Large), але замало для абзаців. На чорному співвідношення 4,79:1 — достатньо для звичайного тексту в темній темі.

Коли Амарантовий слугує фоном, ставте на нього чорний текст: контраст буде 4,31:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.

Амарантовий на екрані та в друці

У перерахунку на CMYK виходить приблизно C 0% · M 81% · Y 65% · K 10%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

Колірні гармонії

Вісім класичних схем, побудованих на цьому відтінку

Монохроматична

Відкрити →

Аналогова

Відкрити →

Комплементарна

Відкрити →

Роздільно-комплементарна

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

Освітлені відтінки

Відкрити →

Затемнені відтінки

Відкрити →

Комплементарний колір

Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.

Добре поєднується з

Пари, дібрані з каталогу за кутом гармонії

CSS-градієнти

48

48 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу