Unified Billing & Revenue Dashboard

Billing Cloud
#ecf1f6
Revenue Line Blue
#7aa7ff
AR Sheet Gray
#c4c4c4
Trial Coral
#ffaa9f
Payout Button Green
#b9fbc0

Палітра містить світлий кольори. Акцентні кольори Revenue Line Blue #7aa7ff та Trial Coral #ffaa9f. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

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

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

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #7AA7FF, #B9FBC0, #C4C4C4, #ECF1F6, #FFAA9F

Палітра Unified Billing & Revenue Dashboard містить комбінацію з 5 кодів кольорів :

HEX: #ecf1f6, RGB: (236, 241, 246); HEX: #7aa7ff, RGB: (122, 167, 255); HEX: #c4c4c4, RGB: (196, 196, 196)

HEX: #ffaa9f, RGB: (255, 170, 159); HEX: #b9fbc0, RGB: (185, 251, 192)

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

Відтінок aliceblue, Відтінок cornflowerblue, Відтінок Срібний, Відтінок darksalmon, Відтінок palegreen

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

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

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

Unified Billing & Revenue Dashboard коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ecf1f6	#ecf1f6	RGB(236, 241, 246)	Billing Cloud	—
#7aa7ff	#7aa7ff	RGB(122, 167, 255)	Revenue Line Blue	—
#c4c4c4	#c4c4c4	RGB(196, 196, 196)	AR Sheet Gray	Weathered Stone
#ffaa9f	#ffaa9f	RGB(255, 170, 159)	Trial Coral	—
#b9fbc0	#b9fbc0	RGB(185, 251, 192)	Payout Button Green	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ecf1f6	#c4c4c4	1.53
#ecf1f6	#ffaa9f	1.6
#ecf1f6	#b9fbc0	1.04
#7aa7ff	#c4c4c4	1.36
#7aa7ff	#ffaa9f	1.3
#c4c4c4	#ffaa9f	1.04

Зображення палітри Unified Billing & Revenue Dashboard png

Unified Billing & Revenue Dashboard - #553966

--color-billing-cloud:	#ecf1f6;
--color-revenue-line-blue:	#7aa7ff;
--color-ar-sheet-gray:	#c4c4c4;
--color-trial-coral:	#ffaa9f;
--color-payout-button-green:	#b9fbc0;

$color-billing-cloud:	#ecf1f6;
$color-revenue-line-blue:	#7aa7ff;
$color-ar-sheet-gray:	#c4c4c4;
$color-trial-coral:	#ffaa9f;
$color-payout-button-green:	#b9fbc0;

@color-billing-cloud:	#ecf1f6;
@color-revenue-line-blue:	#7aa7ff;
@color-ar-sheet-gray:	#c4c4c4;
@color-trial-coral:	#ffaa9f;
@color-payout-button-green:	#b9fbc0;