Атомний мандариновий

#FF9966
255, 153, 102 · 20°, 100%, 70%

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

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

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

Атомний мандариновий, він же #FF9966, сприймається як світлий і соковитий відтінок помаранчевого. Його тон — 20°: це проміжок між червоним на 0° і помаранчевим на 30°, ближче до 30°. Його RGB-рецепт — 255 / 153 / 102: головний тут червоний канал, а канали заповнені на 100%, 60% і 40%. Тим, хто мислить у HSL, він відомий як 20°, 100%, 70%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Найбільше на Атомний мандариновий схожі Лососевий, Загар шкіри і Пісочний колір. Навпроти на колі лежить #66CCFF — це майже Малібу.

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

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

Для інтерактивних станів зберігайте тон: #FF7733 підійде для наведення чи натискання, а #FFEEE5 — як блідий фоновий варіант.

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

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

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

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

На білому співвідношення падає до 2,10:1 — замало для будь-якого тексту. На світлих сторінках Атомний мандариновий має бути фоном, а не кольором тексту. На чорному співвідношення 10,00:1, із запасом вище AAA.

Для тексту поверх кольору Атомний мандариновий перемагає чорний з результатом 8,99:1. Що означають ці цифри, пояснює гід із контрасту WCAG.

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

Приблизне розкладання в CMYK — C 0% · M 40% · Y 60% · K 0%. Такий яскравий екранний колір неможливо точно відтворити чотирма фарбами. Чекайте пласкішого результату в друці або використайте Pantone. Він також входить до старої web-safe палітри з 216 кольорів. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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