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

Колір мокко

Названий на честь кави мокко, у якій змішують каву й шоколад. Його версія Mocha Mousse стала кольором року Pantone 2025. Це м’який рожевувато-коричневий, який часто використовують у затишних інтер’єрах і макіяжі.

Інші назви: Mocha Mousse.

Мокко · #A47864

Колір мокко: основні дані

Колір мокко (#A47864) — теплий, середньої світлоти і приглушений. Належить до групи: відтінки коричневого. Складається з 164 червоного, 120 зеленого й 100 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Декор, Макіяж.

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

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

Колір мокко: колірні гармонії

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

КомплементарнаБлизький до: Сіро-блакитний
АналоговіБлизький до: Рожеве золото, Пісочний
ТріадаБлизький до: Шавлієвий, Ультрафіолетовий
Розщеплена комплементарнаБлизький до: Синьо-зелений, Сталевий синій
ТетрадаБлизький до: Моховий, Сіро-блакитний, Сливовий

Колір мокко: готові палітри

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

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

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

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

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

CSS-код

:root {
  --mokko: #A47864;
  --mokko-rgb: 164, 120, 100;
}
.tlo { background-color: var(--mokko); }
.tekst { color: var(--mokko); }

Кольори, схожі на колір мокко

Кава з молокомСтара трояндаТютюновийМарсалаКемелКавовийРожеве золотоКам’яний сірийПопелясто-рожевийХакі

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

Палітри кольорів для першого причастяAesthetic палітри кольорівОсінні палітри кольорівПалітри кольорів до Дня святого Валентина

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

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

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

Який код кольору мокко?

HEX-код кольору мокко — #A47864. У RGB це rgb(164, 120, 100), у HSL — hsl(19, 26%, 52%), а в CMYK — 0, 27, 39, 36.

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

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

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

Краще використовуйте чорний текст: контраст із білим лише 3.9:1, а з чорним — 5.4:1.