Яскраво-бурштиновий

#FF7E00
255, 126, 0 · 30°, 100%, 50%

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

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

Про колір Яскраво-бурштиновий

Яскраво-бурштиновий (#FF7E00) — середній за світлотою, гранично насичений відтінок помаранчевого. Його тон — 30°, на колірному колі це практично чистий помаранчевий. Його RGB-рецепт — 255 / 126 / 0: головний тут червоний канал, а канали заповнені на 100%, 49% і 0%. Тим, хто мислить у HSL, він відомий як 30°, 100%, 50%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Найбільше на Яскраво-бурштиновий схожі Яскраво-помаранчевий рум'янець, Полум'я фламенко і Соусбар. Навпроти на колі лежить #007FFF — це майже Ясно-лазуровий.

Де використовувати Яскраво-бурштиновий

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

Щоб побудувати стани навколо кольору Яскраво-бурштиновий, візьміть #FF9933 для наведення і #FFF2E5 для світлого фону.

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

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

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

Яскраво-бурштиновий як текст і фон

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

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

Яскраво-бурштиновий на екрані та в друці

Приблизне розкладання в CMYK — C 0% · M 51% · Y 100% · K 0%. Такий яскравий екранний колір неможливо точно відтворити чотирма фарбами. Чекайте пласкішого результату в друці або використайте Pantone. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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