Цвет Dark Khaki #BDB76B

Dark Khaki - средний по светлоте, приглушённый жёлтый или золотистый.

CSS-имя darkkhaki
RGB 189 · 183 · 107
HSL 56° · 38% · 58%
CSS Color Profile
darkkhaki #BDB76B
На этой странице
Цвет #BDB76B darkkhaki
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: чёрный
Белый текст 2.07:1 Недостаточный
Чёрный текст 10.15:1 AAA
Светлее и темнее

Оттенки цвета Dark Khaki

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #BDB76B. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

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

Сочетания с цветом Dark Khaki

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

Где использовать цвет dark khaki

Цвет Dark Khaki задаётся кодом #BDB76B и значением rgb(189, 183, 107). В модели HSL его параметры составляют 56°, 38% и 58%. Ключевое слово darkkhaki поддерживается браузерами как стандартное именованное значение CSS.

Характер и восприятие

Жёлтые оттенки выглядят светлыми и энергичными; на них особенно важно контролировать читаемость текста. Для Dark Khaki светлота составляет 58%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

Подходящие задачи

  • Подсветка, бейджи и небольшие акценты.
  • Солнечные, тёплые и золотистые палитры.
  • Примеры CSS, прототипы и документация, где удобно использовать имя darkkhaki.

Практические рекомендации

  • Для основного текста на фоне #BDB76B сначала проверяйте чёрного варианта - точное соотношение контраста указано выше.
  • В рабочем CSS используйте darkkhaki или эквивалентный HEX-код #BDB76B.
  • Для интерфейсной палитры добавьте более светлый и более тёмный варианты, а затем проверьте контраст каждой пары.

Как задать цвет dark khaki в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение darkkhaki.

.example {
  color: #000000;
  background-color: #bdb76b;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-darkkhaki: #bdb76b;
}

.button {
  background: var(--color-darkkhaki);
}
ФорматЗначениеОсобенность
HEX#BDB76BКомпактная шестнадцатеричная запись.
RGBrgb(189 183 107)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(56 38% 58%)Тон, насыщенность и светлота.
CSS-имя darkkhaki Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

Частые вопросы: цвет dark khaki

Какой HEX-код у цвета Dark Khaki?

Цвет Dark Khaki имеет HEX-код #BDB76B. В RGB это rgb(189, 183, 107), а в HSL - hsl(56, 38%, 58%).

Как написать цвет dark khaki в CSS?

Используйте код #BDB76B, функцию rgb(189 183 107), значение hsl(56 38% 58%) или стандартное ключевое слово darkkhaki.

Какой текст использовать на фоне цвета Dark Khaki?

Чёрный текст даёт более высокий контраст. Соотношение с белым составляет 2.07:1, с чёрным - 10.15:1.

С какими цветами сочетается dark khaki?

Используйте контрастную, аналоговую или монохромную схему из таблицы на странице. Для спокойной композиции добавьте нейтральные светлые и тёмные оттенки, а насыщенный дополнительный цвет оставьте для небольших акцентов.

Можно ли использовать имя darkkhaki вместо кода?

Да. Ключевое слово darkkhaki поддерживается в CSS и соответствует значению #BDB76B. Числовой код удобнее, если цвет нужно передавать между макетом, кодом и другими программами.