Bio-Tech Health Dashboard

Mint Green
#38ea7a
Deep Teal
#057f8d
Sky Blue
#2d96e1
Dark Slate
#001d42
Pure Black
#000000

Палитра содержит светлый, темный цвета. Акцентные цвета Dark Slate #001d42 да Pure Black #000000. Палитра имеет цветовую температуру Холодный, Нейтральный.

По светлоте палитра тянется от #000000 (самый тёмный) до #38EA7A (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Оттенки лежат в соседней полосе на круге (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #000000, #001D42, #057F8D, #2D96E1, #38EA7A

Палитра Bio-Tech Health Dashboard содержит комбинацию из 5 кодов цветов:

HEX: #38ea7a, RGB: (56, 234, 122); HEX: #057f8d, RGB: (5, 127, 141); HEX: #2d96e1, RGB: (45, 150, 225)

HEX: #001d42, RGB: (0, 29, 66); HEX: #000000, RGB: (0, 0, 0)

Упрощенная версия цветов палитры

Тень springgreen, Тень Голубой, Тень dodgerblue, Оттенок midnightblue, Черный

Цветовая схема создана автором colourlock

Больше палитр с:

Коды цветов в палитре

Bio-Tech Health Dashboard коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#38ea7a	#38ea7a	RGB(56, 234, 122)	Mint Green	—
#057f8d	#057f8d	RGB(5, 127, 141)	Deep Teal	—
#2d96e1	#2d96e1	RGB(45, 150, 225)	Sky Blue	—
#001d42	#001d42	RGB(0, 29, 66)	Dark Slate	—
#000000	#000000	RGB(0, 0, 0)	Pure Black	Black

Контраст палитры цветов

2 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#057f8d	#2d96e1	1.48
#001d42	#000000	1.25

Изображение палитры Bio-Tech Health Dashboard png

--color-mint-green:	#38ea7a;
--color-deep-teal:	#057f8d;
--color-sky-blue:	#2d96e1;
--color-dark-slate:	#001d42;
--color-pure-black:	#000000;

$color-mint-green:	#38ea7a;
$color-deep-teal:	#057f8d;
$color-sky-blue:	#2d96e1;
$color-dark-slate:	#001d42;
$color-pure-black:	#000000;

@color-mint-green:	#38ea7a;
@color-deep-teal:	#057f8d;
@color-sky-blue:	#2d96e1;
@color-dark-slate:	#001d42;
@color-pure-black:	#000000;