Палитра «Детская»

Пять чистых цветов, как в наборе карандашей. Детские сады, кружки, игрушки, праздники.

#FF595Ergb(255, 89, 94)

#FFCA3Argb(255, 202, 58)

#8AC926rgb(138, 201, 38)

#1982C4rgb(25, 130, 196)

#6A4C93rgb(106, 76, 147)

Коды цветов

HEX	RGB	HSL
`#FF595E`	`rgb(255, 89, 94)`	`hsl(358, 100%, 67%)`
`#FFCA3A`	`rgb(255, 202, 58)`	`hsl(44, 100%, 61%)`
`#8AC926`	`rgb(138, 201, 38)`	`hsl(83, 68%, 47%)`
`#1982C4`	`rgb(25, 130, 196)`	`hsl(203, 77%, 43%)`
`#6A4C93`	`rgb(106, 76, 147)`	`hsl(265, 32%, 44%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#FFCA3A`	`#6A4C93`	4,48:1	заголовки и кнопки
Аа `#8AC926`	`#6A4C93`	3,41:1	заголовки и кнопки
Аа `#FFCA3A`	`#1982C4`	2,73:1	только декор
Аа `#FF595E`	`#6A4C93`	2,23:1	только декор
Аа `#8AC926`	`#1982C4`	2,07:1	только декор
Аа `#FF595E`	`#FFCA3A`	2,01:1	только декор

:root {
  --color-1: #ff595e;
  --color-2: #ffca3a;
  --color-3: #8ac926;
  --color-4: #1982c4;
  --color-5: #6a4c93;
}