Палитра «Тропики»

Лагуна, песок и коралл. Отели, путешествия, летние коллекции одежды.

#006D77rgb(0, 109, 119)

#83C5BErgb(131, 197, 190)

#EDF6F9rgb(237, 246, 249)

#FFDDD2rgb(255, 221, 210)

#E29578rgb(226, 149, 120)

Коды цветов

HEX	RGB	HSL
`#006D77`	`rgb(0, 109, 119)`	`hsl(185, 100%, 23%)`
`#83C5BE`	`rgb(131, 197, 190)`	`hsl(174, 36%, 64%)`
`#EDF6F9`	`rgb(237, 246, 249)`	`hsl(195, 50%, 95%)`
`#FFDDD2`	`rgb(255, 221, 210)`	`hsl(15, 100%, 91%)`
`#E29578`	`rgb(226, 149, 120)`	`hsl(16, 65%, 68%)`

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

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#006D77`	`#EDF6F9`	5,54:1	обычный текст (AA)
Аа `#006D77`	`#FFDDD2`	4,78:1	обычный текст (AA)
Аа `#006D77`	`#83C5BE`	3,09:1	заголовки и кнопки
Аа `#006D77`	`#E29578`	2,54:1	только декор
Аа `#EDF6F9`	`#E29578`	2,17:1	только декор
Аа `#FFDDD2`	`#E29578`	1,87:1	только декор

:root {
  --color-1: #006d77;
  --color-2: #83c5be;
  --color-3: #edf6f9;
  --color-4: #ffddd2;
  --color-5: #e29578;
}