Customer Success Insights Theme

Satisfaction Lime
#d4f88e
CSAT Graphite
#3d3d3d
Feedback Sky
#a0d2ff
Health Score Rose
#ffb6c1
Sentiment Panel White
#fdfdfd

Палитра содержит светлый цвета. Акцентные цвета Feedback Sky #a0d2ff да Health Score Rose #ffb6c1. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.

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

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

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

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

HEX-коды (по возрастанию): #3D3D3D, #A0D2FF, #D4F88E, #FDFDFD, #FFB6C1

Палитра Customer Success Insights Theme содержит комбинацию из 5 кодов цветов:

HEX: #d4f88e, RGB: (212, 248, 142); HEX: #3d3d3d, RGB: (61, 61, 61); HEX: #a0d2ff, RGB: (160, 210, 255)

HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #fdfdfd, RGB: (253, 253, 253)

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

Тень greenyellow, Оттенок darkslategrey, Тень lightskyblue, Оттенок Белый

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

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

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

Customer Success Insights Theme коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#d4f88e	#d4f88e	RGB(212, 248, 142)	Satisfaction Lime	—
#3d3d3d	#3d3d3d	RGB(61, 61, 61)	CSAT Graphite	Raven Black
#a0d2ff	#a0d2ff	RGB(160, 210, 255)	Feedback Sky	—
#ffb6c1	#ffb6c1	RGB(255, 182, 193)	Health Score Rose	Matt Pink
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Sentiment Panel White	Brilliance

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#d4f88e	#a0d2ff	1.33
#d4f88e	#ffb6c1	1.38
#d4f88e	#fdfdfd	1.17
#a0d2ff	#ffb6c1	1.03
#a0d2ff	#fdfdfd	1.56
#ffb6c1	#fdfdfd	1.62

Изображение палитры Customer Success Insights Theme png

Customer Success Insights Theme - #553907

--color-satisfaction-lime:	#d4f88e;
--color-csat-graphite:	#3d3d3d;
--color-feedback-sky:	#a0d2ff;
--color-health-score-rose:	#ffb6c1;
--color-sentiment-panel-white:	#fdfdfd;

$color-satisfaction-lime:	#d4f88e;
$color-csat-graphite:	#3d3d3d;
$color-feedback-sky:	#a0d2ff;
$color-health-score-rose:	#ffb6c1;
$color-sentiment-panel-white:	#fdfdfd;

@color-satisfaction-lime:	#d4f88e;
@color-csat-graphite:	#3d3d3d;
@color-feedback-sky:	#a0d2ff;
@color-health-score-rose:	#ffb6c1;
@color-sentiment-panel-white:	#fdfdfd;