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

Цвет «барвинковый»

Нежный голубой с мягким лавандовым оттенком. Назван в честь цветка барвинка, который по-английски называется periwinkle. Часто встречается на весенних свадьбах, в пастельной одежде и спокойных спальнях.

Другие названия: periwinkle, лавандово-голубой.

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

HEX-код цвета «барвинковый» — #CCCCFF. В RGB это rgb(204, 204, 255), в HSL — hsl(240, 100%, 90%), а в CMYK — 20, 20, 0, 0.

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

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

Цвета, похожие на цвет «барвинковый»

Пастельно-сиреневый#DCD0FFСветло-фиолетовый#CBC3E3Чертополох#D8BFD8Сиреневый#C8A2C8Глициния#C9A0DCМальвовый#E0B0FF

Цвет «барвинковый» вкратце

Цвет «барвинковый» (#CCCCFF) — холодный, светлый и очень насыщенный. Он относится к группе оттенки синего. Он состоит из 204 частей красного, 204 — зелёного и 255 — синего (из 255). Типичное применение: Мода, Интерьер, Свадьбы.

Барвинковый: образец цвета с оттенками от светлого до тёмного · #CCCCFF
Барвинковый · #CCCCFF

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

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

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

Гармонии цвета «барвинковый»

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

КомплементарнаяБлизко к: Кремовый
АналоговыеБлизко к: Светло-голубой, Пастельно-сиреневый
ТриадаБлизко к: Цвет розового кварца, Селадоновый
Расщеплённая комплементарнаяБлизко к: Шампань, Кремовый
ТетрадаБлизко к: Розовая сахарная вата, Кремовый, Цвет утиного яйца

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

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

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

Контраст цвета «барвинковый» с текстом

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

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

CSS-код

:root {
  --barvinkovyy: #CCCCFF;
  --barvinkovyy-rgb: 204, 204, 255;
}
.фон { background-color: var(--barvinkovyy); }
.текст { color: var(--barvinkovyy); }

Цвета, похожие на цвет «барвинковый»

Детский голубойПастельно-голубойМагнолияСветло-голубой

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

Палитры цветов для дня рожденияЦветовые палитры для мобильных приложенийПасхальные цветовые палитры

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветотип по селфиУзнай свой сезон и лучшие цвета по одному фотоКакого цвета твой голос?Говори 5 секунд и преврати свой голос в цвет
Все бесплатные инструменты →

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

Какой код у цвета «барвинковый»?

HEX-код цвета «барвинковый» — #CCCCFF. В RGB это rgb(204, 204, 255), в HSL — hsl(240, 100%, 90%), а в CMYK — 20, 20, 0, 0.

Какой цвет дополняет цвет «барвинковый»?

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

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

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