Палитра «Космос»

Глубокий фиолетовый от чёрной дыры до туманности. Игры, астрология, музыка, тёмные лендинги.

#10002Brgb(16, 0, 43)

#240046rgb(36, 0, 70)

#5A189Argb(90, 24, 154)

#9D4EDDrgb(157, 78, 221)

#E0AAFFrgb(224, 170, 255)

Коды цветов

HEX	RGB	HSL
`#10002B`	`rgb(16, 0, 43)`	`hsl(262, 100%, 8%)`
`#240046`	`rgb(36, 0, 70)`	`hsl(271, 100%, 14%)`
`#5A189A`	`rgb(90, 24, 154)`	`hsl(270, 73%, 35%)`
`#9D4EDD`	`rgb(157, 78, 221)`	`hsl(273, 68%, 59%)`
`#E0AAFF`	`rgb(224, 170, 255)`	`hsl(278, 100%, 83%)`

Так выглядит обычный текст цветом #10002B на фоне #E0AAFF. Контраст 10,75:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#10002B`	`#E0AAFF`	10,75:1	любой текст (AAA)
Аа `#240046`	`#E0AAFF`	9,76:1	любой текст (AAA)
Аа `#5A189A`	`#E0AAFF`	5,59:1	обычный текст (AA)
Аа `#10002B`	`#9D4EDD`	4,32:1	заголовки и кнопки
Аа `#240046`	`#9D4EDD`	3,92:1	заголовки и кнопки
Аа `#9D4EDD`	`#E0AAFF`	2,48:1	только декор

:root {
  --color-1: #10002b;
  --color-2: #240046;
  --color-3: #5a189a;
  --color-4: #9d4edd;
  --color-5: #e0aaff;
}