Палитра «Бирюза»

Морская волна, переходящая в свежую зелень. Для спорта, бассейнов, напитков и приложений.

#004E64rgb(0, 78, 100)

#00A5CFrgb(0, 165, 207)

#25A18Ergb(37, 161, 142)

#7AE582rgb(122, 229, 130)

#9FFFCBrgb(159, 255, 203)

Коды цветов

HEX	RGB	HSL
`#004E64`	`rgb(0, 78, 100)`	`hsl(193, 100%, 20%)`
`#00A5CF`	`rgb(0, 165, 207)`	`hsl(192, 100%, 41%)`
`#25A18E`	`rgb(37, 161, 142)`	`hsl(171, 63%, 39%)`
`#7AE582`	`rgb(122, 229, 130)`	`hsl(124, 67%, 69%)`
`#9FFFCB`	`rgb(159, 255, 203)`	`hsl(147, 100%, 81%)`

Так выглядит обычный текст цветом #004E64 на фоне #9FFFCB. Контраст 7,75:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#004E64`	`#9FFFCB`	7,75:1	любой текст (AAA)
Аа `#004E64`	`#7AE582`	5,87:1	обычный текст (AA)
Аа `#004E64`	`#00A5CF`	3,20:1	заголовки и кнопки
Аа `#004E64`	`#25A18E`	2,88:1	только декор
Аа `#25A18E`	`#9FFFCB`	2,68:1	только декор
Аа `#00A5CF`	`#9FFFCB`	2,42:1	только декор

:root {
  --color-1: #004e64;
  --color-2: #00a5cf;
  --color-3: #25a18e;
  --color-4: #7ae582;
  --color-5: #9fffcb;
}