Палитра «Малина и мята»

Контрастная пара малинового и мятного с жёлтым акцентом. Афиши, фестивали, соцсети.

#D81159rgb(216, 17, 89)

#8F2D56rgb(143, 45, 86)

#218380rgb(33, 131, 128)

#73D2DErgb(115, 210, 222)

#FBB13Crgb(251, 177, 60)

Коды цветов

HEX	RGB	HSL
`#D81159`	`rgb(216, 17, 89)`	`hsl(338, 85%, 46%)`
`#8F2D56`	`rgb(143, 45, 86)`	`hsl(335, 52%, 37%)`
`#218380`	`rgb(33, 131, 128)`	`hsl(178, 60%, 32%)`
`#73D2DE`	`rgb(115, 210, 222)`	`hsl(187, 62%, 66%)`
`#FBB13C`	`rgb(251, 177, 60)`	`hsl(37, 96%, 61%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#8F2D56`	`#73D2DE`	4,48:1	заголовки и кнопки
Аа `#8F2D56`	`#FBB13C`	4,27:1	заголовки и кнопки
Аа `#D81159`	`#73D2DE`	2,89:1	только декор
Аа `#D81159`	`#FBB13C`	2,76:1	только декор
Аа `#218380`	`#73D2DE`	2,59:1	только декор
Аа `#218380`	`#FBB13C`	2,47:1	только декор

:root {
  --color-1: #d81159;
  --color-2: #8f2d56;
  --color-3: #218380;
  --color-4: #73d2de;
  --color-5: #fbb13c;
}