Палитра «Мёд»

Янтарь и соты. Пасеки, пекарни, завтраки, осенние ярмарки.

#3D2B1Frgb(61, 43, 31)

#8D5524rgb(141, 85, 36)

#FB8500rgb(251, 133, 0)

#FFB703rgb(255, 183, 3)

#FFD166rgb(255, 209, 102)

Коды цветов

HEX	RGB	HSL
`#3D2B1F`	`rgb(61, 43, 31)`	`hsl(24, 33%, 18%)`
`#8D5524`	`rgb(141, 85, 36)`	`hsl(28, 59%, 35%)`
`#FB8500`	`rgb(251, 133, 0)`	`hsl(32, 100%, 49%)`
`#FFB703`	`rgb(255, 183, 3)`	`hsl(43, 100%, 51%)`
`#FFD166`	`rgb(255, 209, 102)`	`hsl(42, 100%, 70%)`

Так выглядит обычный текст цветом #3D2B1F на фоне #FFD166. Контраст 9,31:1, читается хорошо.

Кнопка

Контраст каждой пары цветов по WCAG: для обычного текста нужно не меньше 4,5:1, для крупных заголовков и кнопок не меньше 3:1.

Текст	Фон	Контраст	Подходит для
Аа `#3D2B1F`	`#FFD166`	9,31:1	любой текст (AAA)
Аа `#3D2B1F`	`#FFB703`	7,69:1	любой текст (AAA)
Аа `#3D2B1F`	`#FB8500`	5,40:1	обычный текст (AA)
Аа `#8D5524`	`#FFD166`	4,21:1	заголовки и кнопки
Аа `#8D5524`	`#FFB703`	3,47:1	заголовки и кнопки
Аа `#8D5524`	`#FB8500`	2,44:1	только декор

:root {
  --color-1: #3d2b1f;
  --color-2: #8d5524;
  --color-3: #fb8500;
  --color-4: #ffb703;
  --color-5: #ffd166;
}