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

Цвет «петролевый»

Тёмно-синий с зелёным оттенком, как отблеск нефти. Элегантный и глубокий, менее холодный, чем морской синий. Используется для бархатных диванов, официальной одежды и у брендов, которые хотят выглядеть солидно.

Другие названия: петролево-синий.

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

HEX-код цвета «петролевый» — #084C61. В RGB это rgb(8, 76, 97), в HSL — hsl(194, 85%, 21%), а в CMYK — 92, 22, 0, 62.

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

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

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

Угольно-серый#36454FПрусский синий#003153Графитовый#474A51Петролевый зелёный#00534EАнтрацитовый#293133Ониксовый#353839

Цвет «петролевый» вкратце

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

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

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

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

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

Цвета, которые сочетаются с цветом «петролевый»

Цвета, которые сочетаются с цветом «петролевый»: Горчичный, Терракотовый, Бежевый, Пудрово-розовый, Серый
#084C61 · #E1AD01 · #E2725B · #F5F5DC · #E8B4B8 · #808080
ГорчичныйОчень элегантный тёплый контраст.ТерракотовыйПочти его дополнение, полное тепла.БежевыйМягкая, уютная основа.Пудрово-розовыйНежный, современный контраст.СерыйСдержанный, изысканный образ.ЗолотойДобавляет роскоши и блеска.КоралловыйЯркий, весёлый акцент.БелыйОсветляет и освежает его.
Как сочетать цвет «петролевый» в одежде и интерьере →

Гармонии цвета «петролевый»

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

КомплементарнаяБлизко к: Бычья кровь
Расщеплённая комплементарнаяБлизко к: Кларет, Сепия

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

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

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

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

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

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

CSS-код

:root {
  --petrol: #084C61;
  --petrol-rgb: 8, 76, 97;
}
.фон { background-color: var(--petrol); }
.текст { color: var(--petrol); }

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

Оксфордский серыйТёмно-серыйГагатовыйЛазоревый

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

Другие: оттенки бирюзового

БирюзовыйАквамариновыйЛазурныйВодянисто-зелёныйСине-зелёныйПетролевый зелёныйТёмно-бирюзовыйПастельно-бирюзовыйГолубой TiffanyЦвет утиного яйцаБирюзово-синийМедянкаТёмно-циановый
Петролевый: образец цвета с оттенками от светлого до тёмного · #084C61
Петролевый: образец цвета с оттенками от светлого до тёмного · #084C61

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

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

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

Какой код у цвета «петролевый»?

HEX-код цвета «петролевый» — #084C61. В RGB это rgb(8, 76, 97), в HSL — hsl(194, 85%, 21%), а в CMYK — 92, 22, 0, 62.

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

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

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

Да. Контраст с белым — 9.5:1, этого достаточно для обычного текста (WCAG AA).

С какими цветами сочетается цвет «петролевый»?

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