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

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

М’який середньо-світлий коричневий, як кава з великою кількістю молока або світле дерево. Це одна з найчастіше шуканих базових назв кольорів. Добре працює в меблях, одязі та фарбах для волосся.

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

HEX-код кольору світло-коричневий — #C4A484. У RGB це rgb(196, 164, 132), у HSL — hsl(30, 35%, 64%), а в CMYK — 0, 16, 33, 23.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS-код

:root {
  --svitlo-korychnevyi: #C4A484;
  --svitlo-korychnevyi-rgb: 196, 164, 132;
}
.tlo { background-color: var(--svitlo-korychnevyi); }
.tekst { color: var(--svitlo-korychnevyi); }

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

ГрибнийГрейжКава з молокомТеплий сірий

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

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

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

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

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

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

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

HEX-код кольору світло-коричневий — #C4A484. У RGB це rgb(196, 164, 132), у HSL — hsl(30, 35%, 64%), а в CMYK — 0, 16, 33, 23.

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

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

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

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