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

Цвет «шоколадный»

Глубокий коричневый с красноватым оттенком, как плитка шоколада. Какао родом из Центральной Америки, а его название происходит из языка науатль. Используется для зимней одежды, упаковки сладостей и мебели.

Другие названия: шоколадно-коричневый.

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

HEX-код цвета «шоколадный» — #7B3F00. В RGB это rgb(123, 63, 0), в HSL — hsl(31, 100%, 24%), а в CMYK — 0, 49, 100, 52.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «шоколадный»

Красно-коричневый#80461BКоричневый#964B00Сепия#704214Ореховый#773F1AСиена#A0522DЖжёная умбра#8A3324

Цвет «шоколадный» вкратце

Цвет «шоколадный» (#7B3F00) — тёплый, тёмный и очень насыщенный. Он относится к группе оттенки коричневого. Он состоит из 123 частей красного, 63 — зелёного и 0 — синего (из 255). Типичное применение: Мода, Кондитерская, Интерьер.

Шоколадный: образец цвета с оттенками от светлого до тёмного · #7B3F00
Шоколадный · #7B3F00

Оттенки цвета «шоколадный»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «шоколадный»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Океанский синий
АналоговыеБлизко к: Гранатовый, Оливковый
ТриадаБлизко к: Морской зелёный, Индиговый
Расщеплённая комплементарнаяБлизко к: Сине-зелёный, Морской синий
ТетрадаБлизко к: Зелёный, Океанский синий, Пурпурный

Палитры с цветом «шоколадный»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Шоколадный
Палитра: Аналоговая · Шоколадный
Палитра: Комплементарная · Шоколадный
Палитра: Триада · Шоколадный
Палитра: С нейтральными цветами · Шоколадный
Палитра: С акцентом · Шоколадный

Контраст цвета «шоколадный» с текстом

Белый текстКонтраст 8.2:1 · AAA
Чёрный текстКонтраст 2.6:1 · Не рекомендуется

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --shokoladnyy: #7B3F00;
  --shokoladnyy-rgb: 123, 63, 0;
}
.фон { background-color: var(--shokoladnyy); }
.текст { color: var(--shokoladnyy); }

Цвета, похожие на цвет «шоколадный»

Тёмно-коричневыйМедныйКаштановыйКоньячный

Где встречается этот цвет

АргентинаФлагиУругвайФлаги

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

Цветовые палитры Дня мёртвых

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

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

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

Палитра цветов из имениНапиши имя и получи собственную палитру цветовКакая у меня форма лица?Узнай форму лица, подходящие стрижки и очкиКолесо фортуныВпиши свои варианты и крути колесо. Можно и цветное
Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «шоколадный»?

HEX-код цвета «шоколадный» — #7B3F00. В RGB это rgb(123, 63, 0), в HSL — hsl(31, 100%, 24%), а в CMYK — 0, 49, 100, 52.

Какой цвет дополняет цвет «шоколадный»?

Дополнительный цвет на цветовом круге — #003C7B, оттенок, близкий к цвету «океанский синий». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «шоколадный»?

Да. Контраст с белым — 8.2:1, этого достаточно для обычного текста (WCAG AA).