Палитра «Лимонад»

Солнечная и энергичная гамма. Для летних акций, напитков, фастфуда и детских праздников.

#FFF275rgb(255, 242, 117)

#FFCF56rgb(255, 207, 86)

#FF8C42rgb(255, 140, 66)

#FF3C38rgb(255, 60, 56)

#A23E48rgb(162, 62, 72)

Коды цветов

HEX	RGB	HSL
`#FFF275`	`rgb(255, 242, 117)`	`hsl(54, 100%, 73%)`
`#FFCF56`	`rgb(255, 207, 86)`	`hsl(43, 100%, 67%)`
`#FF8C42`	`rgb(255, 140, 66)`	`hsl(23, 100%, 63%)`
`#FF3C38`	`rgb(255, 60, 56)`	`hsl(1, 100%, 61%)`
`#A23E48`	`rgb(162, 62, 72)`	`hsl(354, 45%, 44%)`

Так выглядит обычный текст цветом #A23E48 на фоне #FFF275. Контраст 5,48:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#FFF275`	`#A23E48`	5,48:1	обычный текст (AA)
Аа `#FFCF56`	`#A23E48`	4,31:1	заголовки и кнопки
Аа `#FFF275`	`#FF3C38`	3,05:1	заголовки и кнопки
Аа `#FF8C42`	`#A23E48`	2,73:1	только декор
Аа `#FFCF56`	`#FF3C38`	2,40:1	только декор
Аа `#FFF275`	`#FF8C42`	2,00:1	только декор

:root {
  --color-1: #fff275;
  --color-2: #ffcf56;
  --color-3: #ff8c42;
  --color-4: #ff3c38;
  --color-5: #a23e48;
}