Палитра «Закат»

Переход от вечерней синевы к персиковому небу. Мягкая и романтичная гамма для свадебных и фотопроектов.

#355070rgb(53, 80, 112)

#6D597Argb(109, 89, 122)

#B56576rgb(181, 101, 118)

#E56B6Frgb(229, 107, 111)

#EAAC8Brgb(234, 172, 139)

Коды цветов

HEX	RGB	HSL
`#355070`	`rgb(53, 80, 112)`	`hsl(213, 36%, 32%)`
`#6D597A`	`rgb(109, 89, 122)`	`hsl(276, 16%, 41%)`
`#B56576`	`rgb(181, 101, 118)`	`hsl(347, 35%, 55%)`
`#E56B6F`	`rgb(229, 107, 111)`	`hsl(358, 70%, 66%)`
`#EAAC8B`	`rgb(234, 172, 139)`	`hsl(21, 69%, 73%)`

Так выглядит обычный текст цветом #355070 на фоне #EAAC8B. Контраст 4,25:1: для длинного текста лучше взять цвет темнее.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#355070`	`#EAAC8B`	4,25:1	заголовки и кнопки
Аа `#6D597A`	`#EAAC8B`	3,20:1	заголовки и кнопки
Аа `#355070`	`#E56B6F`	2,63:1	только декор
Аа `#B56576`	`#EAAC8B`	2,11:1	только декор
Аа `#355070`	`#B56576`	2,00:1	только декор
Аа `#6D597A`	`#E56B6F`	1,98:1	только декор

:root {
  --color-1: #355070;
  --color-2: #6d597a;
  --color-3: #b56576;
  --color-4: #e56b6f;
  --color-5: #eaac8b;
}