Палитра «Лесные ягоды»

Малина, вишня и ежевика. Сочная гамма для кондитерских, цветочных магазинов и женских брендов.

#4A0E2Ergb(74, 14, 46)

#8E1B4Brgb(142, 27, 75)

#C9184Argb(201, 24, 74)

#FF758Frgb(255, 117, 143)

#FFCCD5rgb(255, 204, 213)

Коды цветов

HEX	RGB	HSL
`#4A0E2E`	`rgb(74, 14, 46)`	`hsl(328, 68%, 17%)`
`#8E1B4B`	`rgb(142, 27, 75)`	`hsl(335, 68%, 33%)`
`#C9184A`	`rgb(201, 24, 74)`	`hsl(343, 79%, 44%)`
`#FF758F`	`rgb(255, 117, 143)`	`hsl(349, 100%, 73%)`
`#FFCCD5`	`rgb(255, 204, 213)`	`hsl(349, 100%, 90%)`

Так выглядит обычный текст цветом #4A0E2E на фоне #FFCCD5. Контраст 10,65:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#4A0E2E`	`#FFCCD5`	10,65:1	любой текст (AAA)
Аа `#8E1B4B`	`#FFCCD5`	6,16:1	обычный текст (AA)
Аа `#4A0E2E`	`#FF758F`	5,87:1	обычный текст (AA)
Аа `#C9184A`	`#FFCCD5`	3,99:1	заголовки и кнопки
Аа `#8E1B4B`	`#FF758F`	3,40:1	заголовки и кнопки
Аа `#4A0E2E`	`#C9184A`	2,66:1	только декор

:root {
  --color-1: #4a0e2e;
  --color-2: #8e1b4b;
  --color-3: #c9184a;
  --color-4: #ff758f;
  --color-5: #ffccd5;
}