Software ui product ux colors palette

Celestial Blue
#449cdc
Pastel Pink
#d8a8a0
Japanese Indigo
#1c3c4c
Beaver
#97806c
Ash Gray
#b1bab6
Dark Lava
#4c4434

Палитра содержит светлый цвета. Акцентные цвета Celestial Blue #449cdc да Pastel Pink #d8a8a0. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #1C3C4C (самый тёмный) до #D8A8A0 (самый светлый). Диапазон светлоты умеренный.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

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

HEX-коды (по возрастанию): #1C3C4C, #449CDC, #4C4434, #97806C, #B1BAB6, #D8A8A0

Палитра Software ui product ux colors palette содержит комбинацию из 6 кодов цветов:

HEX: #449cdc, RGB: (68, 156, 220); HEX: #d8a8a0, RGB: (216, 168, 160); HEX: #1c3c4c, RGB: (28, 60, 76)

HEX: #97806c, RGB: (151, 128, 108); HEX: #b1bab6, RGB: (177, 186, 182); HEX: #4c4434, RGB: (76, 68, 52)

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

Тень dodgerblue, Тень rosybrown, Оттенок darkslategrey, Тень Серый, Оттенок Серебряный, Оттенок dimgrey

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

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

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

Software ui product ux colors palette коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#449cdc	#449cdc	RGB(68, 156, 220)	Celestial Blue	—
#d8a8a0	#d8a8a0	RGB(216, 168, 160)	Pastel Pink	—
#1c3c4c	#1c3c4c	RGB(28, 60, 76)	Japanese Indigo	—
#97806c	#97806c	RGB(151, 128, 108)	Beaver	—
#b1bab6	#b1bab6	RGB(177, 186, 182)	Ash Gray	—
#4c4434	#4c4434	RGB(76, 68, 52)	Dark Lava	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#449cdc	#d8a8a0	1.42
#449cdc	#97806c	1.25
#449cdc	#b1bab6	1.5
#d8a8a0	#97806c	1.78
#d8a8a0	#b1bab6	1.05
#1c3c4c	#4c4434	1.21

Изображение палитры Software ui product ux colors palette png

Software ui product ux colors palette - #218674

--color-celestial-blue:	#449cdc;
--color-pastel-pink:	#d8a8a0;
--color-japanese-indigo:	#1c3c4c;
--color-beaver:	#97806c;
--color-ash-gray:	#b1bab6;
--color-dark-lava:	#4c4434;

$color-celestial-blue:	#449cdc;
$color-pastel-pink:	#d8a8a0;
$color-japanese-indigo:	#1c3c4c;
$color-beaver:	#97806c;
$color-ash-gray:	#b1bab6;
$color-dark-lava:	#4c4434;

@color-celestial-blue:	#449cdc;
@color-pastel-pink:	#d8a8a0;
@color-japanese-indigo:	#1c3c4c;
@color-beaver:	#97806c;
@color-ash-gray:	#b1bab6;
@color-dark-lava:	#4c4434;