Ракушка

#C9D9D2
201, 217, 210 · 154°, 17%, 82%

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

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

Про колір Ракушка

Ракушка (#C9D9D2) — світлий, сіруватий відтінок бірюзового. На колірному колі він стоїть на 154°, між весняно-зеленим (150°) і блакитним (180°), трохи ближче до позначки 150°. У RGB це 201 / 217 / 210, тобто 79%, 85% і 82% кожного каналу, причому два найсильніші канали майже рівні. У термінах HSL це тон 154°, насиченість 17% і світлота 82%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Найбільше на Ракушка схожі Паризький Білий, Туманність і Туманна зелень. Точний додатковий колір до нього — #D9C9D0, найближчий до нього іменований колір — Маверік.

Де використовувати Ракушка

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

Щоб побудувати стани навколо кольору Ракушка, візьміть #ABC4B9 для наведення і #F0F4F3 для світлого фону.

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

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

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

Ракушка як текст і фон

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

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

Ракушка на екрані та в друці

У перерахунку на CMYK виходить приблизно C 7% · M 0% · Y 3% · K 15%. Він добре вкладається в можливості чотирифарбового друку, тож відбиток буде близьким до екрана. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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