Цветовые палитры

Цвет «небесно-голубой»

Это светло-голубой, как ясное небо. В Аргентине и Уругвае он ассоциируется с флагом и футбольной сборной. Используется для одежды малышей, стен и фонов сайтов.

Другие названия: лазоревый синий, sky blue.

Открыть в редакторе

HEX-код цвета «небесно-голубой» — #87CEEB. В RGB это rgb(135, 206, 235), в HSL — hsl(197, 71%, 73%), а в CMYK — 43, 12, 0, 8.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «небесно-голубой»

Детский голубой#89CFF0Светло-голубой#ADD8E6Пудрово-голубой#B0E0E6Пастельно-голубой#AEC6CFПастельно-бирюзовый#AFEEEEПыльно-голубой#8C9EB1

Цвет «небесно-голубой» вкратце

Цвет «небесно-голубой» (#87CEEB) — холодный, светлый и средней насыщенности. Он относится к группе оттенки синего. Он состоит из 135 частей красного, 206 — зелёного и 235 — синего (из 255). Типичное применение: Для детей, Интерьер, Веб.

Небесно-голубой: образец цвета с оттенками от светлого до тёмного · #87CEEB
Небесно-голубой · #87CEEB

Оттенки цвета «небесно-голубой»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Цвета, которые сочетаются с цветом «небесно-голубой»

Цвета, которые сочетаются с цветом «небесно-голубой»: Белый, Тёмно-синий, Бежевый, Пудрово-розовый, Серый
#87CEEB · #FFFFFF · #000080 · #F5F5DC · #E8B4B8 · #808080
БелыйЧистая, свежая пара.Тёмно-синийЭлегантный переход синего.БежевыйТёплая основа, которая его уравновешивает.Пудрово-розовыйОчень милое пастельное сочетание.СерыйСпокойный, профессиональный образ.КофейныйКонтраст свежего и землистого.Пастельно-жёлтыйВесеннее сочетание.КоралловыйТёплый, живой акцент.
Как сочетать цвет «небесно-голубой» в одежде и интерьере →

Гармонии цвета «небесно-голубой»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Дынный
АналоговыеБлизко к: Водянисто-зелёный, Васильковый
ТриадаБлизко к: Неоново-розовый, Пастельно-жёлтый
Расщеплённая комплементарнаяБлизко к: Лососево-розовый, Ванильный
ТетрадаБлизко к: Лавандовый, Дынный, Светло-зелёный

Палитры с цветом «небесно-голубой»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Небесно-голубой
Палитра: Аналоговая · Небесно-голубой
Палитра: Комплементарная · Небесно-голубой
Палитра: Триада · Небесно-голубой
Палитра: С нейтральными цветами · Небесно-голубой
Палитра: С акцентом · Небесно-голубой

Контраст цвета «небесно-голубой» с текстом

Белый текстКонтраст 1.7:1 · Не рекомендуется
Чёрный текстКонтраст 12.1:1 · AAA

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --nebesno-goluboy: #87CEEB;
  --nebesno-goluboy-rgb: 135, 206, 235;
}
.фон { background-color: var(--nebesno-goluboy); }
.текст { color: var(--nebesno-goluboy); }

Цвета, похожие на цвет «небесно-голубой»

Насыщенный небесно-голубойСине-серыйСветло-фиолетовыйЦвет утиного яйца

Тематические палитры с этим цветом

Цветовые палитры для агентства недвижимостиВесенние цветовые палитрыДетские палитрыПалитры Патагонии

Другие: оттенки синего

СинийМорской синийКобальтовыйСапфировыйСтально-синийКоролевский синийЭлектрикПолночно-синийУльтрамаринФранцузский синийПрусский синийПастельно-голубойДетский голубойДжинсовый синийСиний КляйнаТёмно-синийСветло-голубойЛазоревыйБарвинковыйЛазурно-синийВасильковыйПыльно-голубойОкеанский синийПудрово-голубой
Небесно-голубой: образец цвета с оттенками от светлого до тёмного · #87CEEB
Небесно-голубой: образец цвета с оттенками от светлого до тёмного · #87CEEB

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «небесно-голубой»?

HEX-код цвета «небесно-голубой» — #87CEEB. В RGB это rgb(135, 206, 235), в HSL — hsl(197, 71%, 73%), а в CMYK — 43, 12, 0, 8.

Какой цвет дополняет цвет «небесно-голубой»?

Дополнительный цвет на цветовом круге — #EBA487, оттенок, близкий к цвету «дынный». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «небесно-голубой»?

Лучше используй чёрный текст: контраст с белым всего 1.7:1, а с чёрным — 12.1:1.

С какими цветами сочетается цвет «небесно-голубой»?

Он хорошо сочетается с этими цветами: белый, тёмно-синий, бежевый, пудрово-розовый, серый. Не сочетай его с электрик-синим или насыщенным фиолетовым: небесно-голубой рядом с ними выглядит тусклым. С чёрным он может выглядеть слишком резко.