Insight Flow

Logic Lavender
#e9d5ff
Process Seafoam
#d0f5e3
Highlight Coral
#ffd6e0
UX Cloud
#f0f4f8
Compute Gray
#d0d5dd

Палітра містить світлий кольори. Акцентні кольори Process Seafoam #d0f5e3 та Highlight Coral #ffd6e0. Палітра має температуру кольорів Холодний, Нейтральний.

За світлістю палітра сягає від #D0D5DD (найтемніший) до #F0F4F8 (найсвітліший). Діапазон світлості відносно вузький.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #D0D5DD, #D0F5E3, #E9D5FF, #F0F4F8, #FFD6E0

Палітра Insight Flow містить комбінацію з 5 кодів кольорів :

HEX: #e9d5ff, RGB: (233, 213, 255); HEX: #d0f5e3, RGB: (208, 245, 227); HEX: #ffd6e0, RGB: (255, 214, 224)

HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #d0d5dd, RGB: (208, 213, 221)

Спрощений варіант палітри кольорів

Відтінок thistle, Відтінок honeydew, Відтінок Рожевий, Відтінок aliceblue, Відтінок lightgrey

Кольорова схема створена автором colorhunt

Більше палітр з:

Коди кольорів у палітрі

Insight Flow коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#e9d5ff	#e9d5ff	RGB(233, 213, 255)	Logic Lavender	—
#d0f5e3	#d0f5e3	RGB(208, 245, 227)	Process Seafoam	—
#ffd6e0	#ffd6e0	RGB(255, 214, 224)	Highlight Coral	—
#f0f4f8	#f0f4f8	RGB(240, 244, 248)	UX Cloud	Child of Light
#d0d5dd	#d0d5dd	RGB(208, 213, 221)	Compute Gray	—

Контраст палітри кольорів

10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#e9d5ff	#d0f5e3	1.15
#e9d5ff	#ffd6e0	1.03
#e9d5ff	#f0f4f8	1.23
#e9d5ff	#d0d5dd	1.08
#d0f5e3	#ffd6e0	1.11
#d0f5e3	#f0f4f8	1.06

Зображення палітри Insight Flow png

--color-logic-lavender:	#e9d5ff;
--color-process-seafoam:	#d0f5e3;
--color-highlight-coral:	#ffd6e0;
--color-ux-cloud:	#f0f4f8;
--color-compute-gray:	#d0d5dd;

$color-logic-lavender:	#e9d5ff;
$color-process-seafoam:	#d0f5e3;
$color-highlight-coral:	#ffd6e0;
$color-ux-cloud:	#f0f4f8;
$color-compute-gray:	#d0d5dd;

@color-logic-lavender:	#e9d5ff;
@color-process-seafoam:	#d0f5e3;
@color-highlight-coral:	#ffd6e0;
@color-ux-cloud:	#f0f4f8;
@color-compute-gray:	#d0d5dd;