Бежевий

#F5F5DC
245, 245, 220 · 60°, 56%, 91%

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

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

Про колір Бежевий

З кодом #F5F5DC колір Бежевий — це дуже світлий, сіруватий відтінок жовтого. На 60° він майже точно збігається з опорною точкою кола — це жовтий. У RGB це 245 / 245 / 220, тобто 96%, 96% і 86% кожного каналу, причому два найсильніші канали майже рівні. У термінах HSL це тон 60°, насиченість 56% і світлота 91%.

Він із теплої половини кола: візуально виступає вперед і робить макет ближчим та енергійнішим. Найбільше на Бежевий схожі Кокосовий Крем, Чверть Іспанського Білого і Перловий Люста. Навпроти на колі лежить #DBDBF5 — це майже Вода Лінка.

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

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

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

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

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

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

Бежевий як текст і фон

На білому контраст лише 1,11:1, тож не набирайте текст кольором Бежевий на світлому фоні — використовуйте його як заливку. На чорному він дає 18,98:1 і проходить AAA — чудовий колір тексту для темних тем.

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

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

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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