Цветовые палитры

Цвет «светло-коричневый»

Мягкий средне-светлый коричневый, как кофе с молоком или светлое дерево. Один из самых востребованных оттенков коричневого. Часто встречается в интерьерах, осенней одежде и красках для волос.

Другие названия: бледно-коричневый, цвет светлого дерева.

Открыть в редакторе

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 {
  --svetlo-korichnevyy: #C4A484;
  --svetlo-korichnevyy-rgb: 196, 164, 132;
}
.фон { background-color: var(--svetlo-korichnevyy); }
.текст { color: var(--svetlo-korichnevyy); }

Цвета, похожие на цвет «светло-коричневый»

ГрибнойГрейджКофе с молокомТёплый серый

Тематические палитры с этим цветом

Другие: оттенки коричневого

КоричневыйКофейныйШоколадныйМахагоновыйКаштановыйКоричныйСепияОхраКарамельныйВерблюжийМоккоХакиПесочныйБежевыйНюдБронзовыйТабачныйСиенаКофе с молокомРыжевато-коричневыйКоньячныйПесок пустыниЭспрессоОленёнок
Светло-коричневый: образец цвета с оттенками от светлого до тёмного · #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.