Палітри кольорів

Колір петроль

Темний синій із зеленим підтоном, як відблиск на нафті. Він елегантний і глибокий, менш холодний за темно-синій. Його використовують для оксамитових диванів, ділового одягу та брендів, що хочуть виглядати серйозно.

Інші назви: петролевий синій, колір петролю.

Петроль · #084C61

Колір петроль: основні дані

Колір петроль (#084C61) — холодний, темний і дуже насичений. Належить до групи: відтінки бірюзового. Складається з 8 червоного, 76 зеленого й 97 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Декор, Брендинг.

Колір петроль: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Кольори, що поєднуються з кольором петроль

ГірчичнийДуже елегантний теплий контраст.ТеракотовийМайже його доповняльний колір, сповнений тепла.БежевийМ’яка й затишна основа.Пудрово-рожевийМ’який сучасний контраст.СірийСтриманий і вишуканий образ.ЗолотийДодає розкоші й блиску.КораловийЖивий і веселий акцент.БілийОсвітлює й освіжає.
Як поєднувати колір петроль в одязі та інтер’єрі →

Колір петроль: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Каштановий
АналоговіБлизький до: Пляшковий зелений, Опівнічний синій
ТріадаБлизький до: Сливовий, Армійський зелений
Розщеплена комплементарнаБлизький до: Винний, Сепія
ТетрадаБлизький до: Опівнічний синій, Каштановий, Темно-зелений

Колір петроль: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

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

Колір петроль: контраст із текстом

Білий текстКонтраст 9.5:1 · AAA
Чорний текстКонтраст 2.2:1 · Не рекомендовано

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --petrol: #084C61;
  --petrol-rgb: 8, 76, 97;
}
.tlo { background-color: var(--petrol); }
.tekst { color: var(--petrol); }

Кольори, схожі на колір петроль

Вугільно-сірийБерлінська лазурГрафітовийЗелений петрольАнтрацитовийОніксовийОксфордський сірийТемно-сірийСмоляно-чорнийЛазуровий

Тематичні палітри з цим кольором

Палітри кольорів для сайтуПалітри кольорів для кав’ярніЛітні палітри кольорівЗимові палітри кольорівПляжні палітри кольорівПалітри кольорів Карибів

Інші відтінки бірюзового

БірюзовийАквамариновийЦіанКолір морської хвиліСиньо-зеленийЗелений петрольТемно-бірюзовийПастельний бірюзовийБлакитний Тіффані

Часті запитання

Який код кольору петроль?

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

Який колір комплементарний до кольору петроль?

Комплементарний колір на колірному колі — #611D08, відтінок, близький до кольору «каштановий». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі петроль?

Так. Контраст із білим становить 9.5:1, цього достатньо для звичайного тексту (WCAG AA).

З якими кольорами поєднується колір петроль?

Добре поєднується з такими кольорами: гірчичний, теракотовий, бежевий, пудрово-рожевий, сірий. Не поєднуйте його лише з чорним чи темно-синім без іншого кольору: він губиться. Дуже яскраві зелені поруч теж конфліктують.