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

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

Світлий теплий коричневий, англійська назва якого tan походить від дубової кори, якою колись дубили шкіру. Це один із найпоширеніших нейтральних кольорів у моді. Згадай ремені, тренчі та шкіряні дивани.

Інші назви: tan, колір дубленої шкіри.

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

HEX-код кольору жовто-коричневий — #D2B48C. У RGB це rgb(210, 180, 140), у HSL — hsl(34, 44%, 69%), а в CMYK — 0, 14, 33, 18.

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

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

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

Нюдовий#E3BC9AСвітло-коричневий#C4A484Хакі#C3B091Пісочний#C2B280Кемел#C19A6BПустельний пісок#EDC9AF

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

Колір жовто-коричневий (#D2B48C) — теплий, середньої світлоти і середньої насиченості. Належить до групи: відтінки коричневого. Складається з 210 червоного, 180 зеленого й 140 синього (за шкалою до 255). Де його найчастіше використовують: Мода, Шкіра, Декор.

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

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

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

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

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

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

КомплементарнаБлизький до: Сіро-блакитний
АналоговіБлизький до: Стара троянда, Ванільний
ТріадаБлизький до: Колір морської хвилі, Гліцинієвий
Розщеплена комплементарнаБлизький до: Пудрово-блакитний, Волошковий
ТетрадаБлизький до: Фісташковий, Сіро-блакитний, Гліцинієвий

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

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

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

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

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

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

CSS-код

:root {
  --zhovto-korychnevyi: #D2B48C;
  --zhovto-korychnevyi-rgb: 210, 180, 140;
}
.tlo { background-color: var(--zhovto-korychnevyi); }
.tekst { color: var(--zhovto-korychnevyi); }

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

ПерсиковийАбрикосовийПшеничнийВівсяний

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

Палітри кольорів для бейбі-шаверуПалітри кольорів для випускногоПалітри кольорів для логотипуПалітри кольорів для дипломної роботиПалітри кольорів для мобільного застосункуПалітри кольорів для кав’ярні

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

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

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

Палітра кольорів з іменіВведи ім’я й отримай власну палітру кольорівСлот кольорівПотягни важіль і отримай палітру кольорівКольоровий акваріумРозслаблювальний 3D-акваріум у ваших кольорах
Усі безкоштовні інструменти →

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

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

HEX-код кольору жовто-коричневий — #D2B48C. У RGB це rgb(210, 180, 140), у HSL — hsl(34, 44%, 69%), а в CMYK — 0, 14, 33, 18.

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

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

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

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