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

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

Глибокий класичний коричневий без помітного червоного чи жовтого нахилу. Це повсякденна назва кольору темного дерева, шоколаду й кави. Часто трапляється в меблях, підлозі та фарбах для волосся.

Інші назви: dark brown.

Відкрити в редакторі

HEX-код кольору темно-коричневий — #654321. У RGB це rgb(101, 67, 33), у HSL — hsl(30, 51%, 26%), а в CMYK — 0, 34, 67, 60.

Як він виглядає насправді

Виберіть колір для поєднання й подивіться, як він виглядає на одязі, в інтер'єрі та в дизайні.

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

Кавовий#6F4E37Сепія#704214Тютюновий#71563BГоріховий#773F1AНатуральна умбра#826644Рудувато-коричневий#80461B

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

Колір темно-коричневий (#654321) — теплий, темний і середньої насиченості. Належить до групи: відтінки коричневого. Складається з 101 червоного, 67 зеленого й 33 синього (за шкалою до 255). Де його найчастіше використовують: Меблі, Декор, Волосся.

Зразок кольору Темно-коричневий з відтінками від світлого до темного · #654321
Темно-коричневий · #654321

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

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

Перегляньте всі відтінки: Генератор відтінків кольору

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --temno-korychnevyi: #654321;
  --temno-korychnevyi-rgb: 101, 67, 33;
}
.tlo { background-color: var(--temno-korychnevyi); }
.tekst { color: var(--temno-korychnevyi); }

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

ЕспресоТаупГранатово-червонийШоколадний

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

Палітри кольорів для пекарні та кондитерськоїПалітри кольорів для спальніВінтажні палітри кольорівПалітри кольорів для національних святЧоловічі палітри кольорів

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

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

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

Палітра кольорів з іменіВведи ім’я й отримай власну палітру кольорівКолесо фортуниВпиши свої варіанти й крути рулетку. Є й кольорове колесоСлот кольорівПотягни важіль і отримай палітру кольорів
Усі безкоштовні інструменти →

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

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

HEX-код кольору темно-коричневий — #654321. У RGB це rgb(101, 67, 33), у HSL — hsl(30, 51%, 26%), а в CMYK — 0, 34, 67, 60.

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

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

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

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