Ясно-лазуровий (веб)

#F0FFFF
240, 255, 255 · 180°, 100%, 97%

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

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

Про колір Ясно-лазуровий (веб)

Ясно-лазуровий (веб) (#F0FFFF) — дуже світлий нейтральний колір майже без власного тону: його насиченість лише 100%. Канали RGB у нього майже рівні (240, 255, 255) — саме тому він виглядає нейтральним. У термінах HSL це тон 180°, насиченість 100% і світлота 97%.

Як нейтральний колір він не має власної температури й бере тепло чи холод у сусідів. Найбільше на Ясно-лазуровий (веб) схожі Сутінково-Синій, Роса і Ціано-блакитний.

Де використовувати Ясно-лазуровий (веб)

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

На поверхнях кольору Ясно-лазуровий (веб) трохи темніший #BDFFFF добре працює як наведення чи виділення.

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

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

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

Ясно-лазуровий (веб) як текст і фон

На білому співвідношення падає до 1,03:1 — замало для будь-якого тексту. На світлих сторінках Ясно-лазуровий (веб) має бути фоном, а не кольором тексту. На чорному він дає 20,45:1 і проходить AAA — чудовий колір тексту для темних тем.

Для тексту поверх кольору Ясно-лазуровий (веб) перемагає чорний з результатом 18,39:1. Що означають ці цифри, пояснює гід із контрасту WCAG.

Ясно-лазуровий (веб) на екрані та в друці

У перерахунку на CMYK виходить приблизно C 6% · M 0% · Y 0% · K 0%. На некрейдованому чи не зовсім білому папері такий світлий відтінок може майже зникнути — попросіть кольоропробу. Чому екран і друк розходяться, ми розібрали у статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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