Форель

#4A4E5A
74, 78, 90 · 225°, 10%, 32%

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

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

Про колір Форель

Форель (#4A4E5A) — темний, сіруватий відтінок темно-синього. На колірному колі він стоїть на 225°, між лазуровим (210°) і синім (240°), трохи ближче до позначки 240°. У RGB він змішаний із червоного 74, зеленого 78 і синього 90 — це 29%, 31% і 35% від максимуму каналів, провідний канал — синій. У термінах HSL це тон 225°, насиченість 10% і світлота 32%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Найбільше на Форель схожі Абатство, Річкове Дно і Мако. Навпроти на колі лежить #5A5649 — це майже Темно-сірий.

Де використовувати Форель

Форель спокійний і дорослий. Він пасує до великих площ, журнальної верстки, пакування та інтер’єрів, де яскравий колір кричав би. За правилом 60-30-10 він найкраще підходить на роль другорядного кольору (30%).

Щоб побудувати стани навколо кольору Форель, візьміть #606676 для наведення і #F1F2F4 для світлого фону.

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

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

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

Форель як текст і фон

На білому Форель дає контраст 8,31:1 — це рівень WCAG AAA навіть для дрібного тексту. На чорному контраст лише 2,53:1, тож для темного фону це не колір тексту.

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

Форель на екрані та в друці

У перерахунку на CMYK виходить приблизно C 18% · M 13% · Y 0% · K 65%. Основну роботу тут виконує чорна фарба (K 65%), тому колір стабільний від накладу до накладу. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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