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;