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

Колір коричневий

Базовий колір землі, дерева та шкіри. В українській є також давнє слово «брунатний», яке досі часто вживають. Коричневий передає стабільність і тепло.

Інші назви: брунатний.

Коричневий · #964B00

Колір коричневий: основні дані

Колір коричневий (#964B00) — теплий, темний і дуже насичений. Належить до групи: відтінки коричневого. Складається з 150 червоного, 75 зеленого й 0 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Декор, Брендинг.

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

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

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

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

Колір коричневий: колірні гармонії

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

КомплементарнаБлизький до: Джинсовий
АналоговіБлизький до: Криваво-червоний, Оливковий
ТріадаБлизький до: Нефритовий, Темно-фіолетовий
Розщеплена комплементарнаБлизький до: Синьо-зелений, Глибокий синій
ТетрадаБлизький до: Зелений, Джинсовий, Пурпуровий

Колір коричневий: готові палітри

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

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

Колір коричневий: контраст із текстом

Білий текстКонтраст 6.4:1 · AA
Чорний текстКонтраст 3.3:1 · AA великий текст

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

CSS-код

:root {
  --korychnevyi: #964B00;
  --korychnevyi-rgb: 150, 75, 0;
}
.tlo { background-color: var(--korychnevyi); }
.tekst { color: var(--korychnevyi); }

Кольори, схожі на колір коричневий

ШоколаднийСієнаМіднийІржавийОхраКоричнийБронзовийСепіяПалений помаранчевийЧервоне дерево

Інші відтінки коричневого

КавовийШоколаднийЧервоне деревоКаштановийКоричнийСепіяОхраКарамельнийКемелМоккоХакіПісочнийБежевийНюдовийБронзовийТютюновийСієнаКава з молоком

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

Який код кольору коричневий?

HEX-код кольору коричневий — #964B00. У RGB це rgb(150, 75, 0), у HSL — hsl(30, 100%, 29%), а в CMYK — 0, 50, 100, 41.

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

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

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

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

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

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