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

Цвет «тёмно-коричневый»

Глубокий классический коричневый без заметного уклона в красный или жёлтый. Распространённое название для тёмных волос и тёмного дерева. Очень часто встречается в мебели, красках для волос и зимней одежде.

Другие названия: глубокий коричневый, тёмный шоколадный.

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

HEX-код цвета «тёмно-коричневый» — #654321. В RGB это rgb(101, 67, 33), в HSL — hsl(30, 51%, 26%), а в CMYK — 0, 34, 67, 60.

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

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

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

Кофейный#6F4E37Сепия#704214Табачный#71563BОреховый#773F1AНатуральная умбра#826644Красно-коричневый#80461B

Цвет «тёмно-коричневый» вкратце

Цвет «тёмно-коричневый» (#654321) — тёплый, тёмный и средней насыщенности. Он относится к группе оттенки коричневого. Он состоит из 101 частей красного, 67 — зелёного и 33 — синего (из 255). Типичное применение: Волосы, Мебель, Мода.

Тёмно-коричневый: образец цвета с оттенками от светлого до тёмного · #654321
Тёмно-коричневый · #654321

Оттенки цвета «тёмно-коричневый»: светлые и тёмные

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

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

Гармонии цвета «тёмно-коричневый»

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

КомплементарнаяБлизко к: Прусский синий
АналоговыеБлизко к: Винный, Тёмно-оливковый
Расщеплённая комплементарнаяБлизко к: Петролевый зелёный, Полночно-синий

Палитры с цветом «тёмно-коричневый»

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

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

Контраст цвета «тёмно-коричневый» с текстом

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

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

CSS-код

:root {
  --temno-korichnevyy: #654321;
  --temno-korichnevyy-rgb: 101, 67, 33;
}
.фон { background-color: var(--temno-korichnevyy); }
.текст { color: var(--temno-korichnevyy); }

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

ЭспрессоТаупГранатово-красныйШоколадный

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

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

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

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

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

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

Какой код у цвета «тёмно-коричневый»?

HEX-код цвета «тёмно-коричневый» — #654321. В RGB это rgb(101, 67, 33), в HSL — hsl(30, 51%, 26%), а в CMYK — 0, 34, 67, 60.

Какой цвет дополняет цвет «тёмно-коричневый»?

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

Можно ли использовать белый текст на цвете «тёмно-коричневый»?

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