Палитра «Морской бриз»

Свежая гамма от глубокой синевы до пены у берега. Подходит турагентствам, бассейнам, сервисам доставки воды и всему, что должно выглядеть чистым.

#03045Ergb(3, 4, 94)

#0077B6rgb(0, 119, 182)

#00B4D8rgb(0, 180, 216)

#90E0EFrgb(144, 224, 239)

#CAF0F8rgb(202, 240, 248)

Коды цветов

HEX	RGB	HSL
`#03045E`	`rgb(3, 4, 94)`	`hsl(239, 94%, 19%)`
`#0077B6`	`rgb(0, 119, 182)`	`hsl(201, 100%, 36%)`
`#00B4D8`	`rgb(0, 180, 216)`	`hsl(190, 100%, 42%)`
`#90E0EF`	`rgb(144, 224, 239)`	`hsl(189, 75%, 75%)`
`#CAF0F8`	`rgb(202, 240, 248)`	`hsl(190, 77%, 88%)`

Так выглядит обычный текст цветом #03045E на фоне #CAF0F8. Контраст 14,65:1, читается хорошо.

Кнопка

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

Текст	Фон	Контраст	Подходит для
Аа `#03045E`	`#CAF0F8`	14,65:1	любой текст (AAA)
Аа `#03045E`	`#90E0EF`	11,91:1	любой текст (AAA)
Аа `#03045E`	`#00B4D8`	7,20:1	любой текст (AAA)
Аа `#0077B6`	`#CAF0F8`	4,01:1	заголовки и кнопки
Аа `#03045E`	`#0077B6`	3,64:1	заголовки и кнопки
Аа `#0077B6`	`#90E0EF`	3,26:1	заголовки и кнопки

:root {
  --color-1: #03045e;
  --color-2: #0077b6;
  --color-3: #00b4d8;
  --color-4: #90e0ef;
  --color-5: #caf0f8;
}