Палитра «Неон»

Кислотные розовый и бирюзовый на почти чёрном. Ретровейв, игры, музыка и ночные клубы.

#0D0221rgb(13, 2, 33)

#261447rgb(38, 20, 71)

#FF3864rgb(255, 56, 100)

#2DE2E6rgb(45, 226, 230)

#F6019Drgb(246, 1, 157)

Коды цветов

HEX	RGB	HSL
`#0D0221`	`rgb(13, 2, 33)`	`hsl(261, 89%, 7%)`
`#261447`	`rgb(38, 20, 71)`	`hsl(261, 56%, 18%)`
`#FF3864`	`rgb(255, 56, 100)`	`hsl(347, 100%, 61%)`
`#2DE2E6`	`rgb(45, 226, 230)`	`hsl(181, 79%, 54%)`
`#F6019D`	`rgb(246, 1, 157)`	`hsl(322, 99%, 48%)`

Так выглядит обычный текст цветом #0D0221 на фоне #2DE2E6. Контраст 12,53:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#0D0221`	`#2DE2E6`	12,53:1	любой текст (AAA)
Аа `#261447`	`#2DE2E6`	10,31:1	любой текст (AAA)
Аа `#0D0221`	`#FF3864`	5,72:1	обычный текст (AA)
Аа `#0D0221`	`#F6019D`	5,16:1	обычный текст (AA)
Аа `#261447`	`#FF3864`	4,71:1	обычный текст (AA)
Аа `#261447`	`#F6019D`	4,24:1	заголовки и кнопки

:root {
  --color-1: #0d0221;
  --color-2: #261447;
  --color-3: #ff3864;
  --color-4: #2de2e6;
  --color-5: #f6019d;
}