Бурштиновий

#FFBF00
255, 191, 0 · 45°, 100%, 50%

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

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

Про колір Бурштиновий

Бурштиновий, він же #FFBF00, сприймається як середній за світлотою і гранично насичений відтінок жовтого. Його тон — 45°: це проміжок між помаранчевим на 30° і жовтим на 60°, ближче до 60°. У RGB він змішаний із червоного 255, зеленого 191 і синього 0 — це 100%, 75% і 0% від максимуму каналів, провідний канал — червоний. У термінах HSL це тон 45°, насиченість 100% і світлота 50%.

Теплі кольори на кшталт цього наближаються до глядача: вони виглядають привітно, а у великих кількостях — гучно. Якщо Бурштиновий не зовсім підходить, погляньте на найближчі іменовані відтінки: Відбірний жовтий, Наднова зоря і Мандариновий. Навпроти на колі лежить #0040FF — це майже Синій (RYB).

Де використовувати Бурштиновий

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

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

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

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

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

Бурштиновий як текст і фон

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

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

Бурштиновий на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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