Пухирці

#E7FEFF
231, 254, 255 · 183°, 100%, 95%

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

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

Про колір Пухирці

Пухирці, він же #E7FEFF, сприймається як дуже світлий і сіруватий відтінок блакитного. Його тон — 183°, на колірному колі це практично чистий блакитний. Його RGB-рецепт — 231 / 254 / 255 (91%, 100% і 100%): два канали ділять першість, звідси й змішаний тон. Тим, хто мислить у HSL, він відомий як 183°, 100%, 95%.

Він із холодної половини кола: візуально відступає назад і слугує спокійною основою для великих площ. Якщо Пухирці не зовсім підходить, погляньте на найближчі іменовані відтінки: Безтурботний, Ясний день і Роса. Точний додатковий колір до нього — #FFE7E5, найближчий до нього іменований колір — Піппін.

Де використовувати Пухирці

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

Для наведення чи вибраного стану на поверхні Пухирці зробіть крок темніше — наприклад, #B3FBFF.

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

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

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

Пухирці як текст і фон

На білому контраст лише 1,05:1, тож не набирайте текст кольором Пухирці на світлому фоні — використовуйте його як заливку. На чорному співвідношення 20,02:1, із запасом вище AAA.

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

Пухирці на екрані та в друці

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

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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