#F0F8FF

aliceblue

%
Открыть страницу цвета

Коды цвета

HEX#F0F8FF
RGBrgb(240, 248, 255)
HSLhsl(208°, 100%, 97.06%)
HSVhsv(208°, 5.88%, 100%)
CMYKcmyk(5.88%, 2.75%, 0%, 0%)
XYZxyz(87.55, 92.88, 107.9)
LABlab(97.18, -1.35, -4.26)
LCHlch(97.18, 4.47, 252.44°)

Коды цвета

HEX#F0F8FF
RGBrgb(240, 248, 255)
HSLhsl(208°, 100%, 97.06%)
HSVhsv(208°, 5.88%, 100%)
CMYKcmyk(5.88%, 2.75%, 0%, 0%)
XYZxyz(87.55, 92.88, 107.9)
LABlab(97.18, -1.35, -4.26)
LCHlch(97.18, 4.47, 252.44°)

Доступность

На белом1.07:1AA ✗AAA ✗
На чёрном19.58:1AA ✓AAA ✓

Съешь ещё этих булок

Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.

Вариации и сочетания цвета

Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.

Затемнения

Осветления

Цветовые гармонии

Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.

#F0F8FF
#FFF7F0

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

Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.

Создать градиент
#F0F8FF
#FFF0F1
#FFFFF0

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

Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.

Создать градиент
#F0F8FF
#FFF0F8
#F8FFF0

Триадная

Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.

Создать градиент
#F0FFFF
#F0F8FF
#F0F1FF

Аналоговая

Три соседних оттенка через 30°.Низкий контраст и спокойствие для глаз, отлично для фонов и градиентов.

Создать градиент
#71BCFF
#B3DBFF
#F0F8FF
#FFFFFF
#FFFFFF

Монохромная

Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.

Создать градиент
#F0F8FF
#F7F0FF
#FFF7F0
#F8FFF0

Тетрадная

Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.

Создать градиент

Ещё популярные цвета