Designs mockup app design ux colors

  • #0b90d0
  • #c194ee
  • #2e3872
  • #5a5eb2
  • #ca9ea5
  • #3a323b
  0.18k
Создано 12/18/2019 08:11
авторcolorswall
Палитра содержит светлый, полутемный цвета. Акцентные цвета #0b90d0 и #ca9ea5. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.

В целом температура смещена в сторону холодного (4 из 6).

HEX-коды (по возрастанию): #0B90D0, #2E3872, #3A323B, #5A5EB2, #C194EE, #CA9EA5

Палитра Designs mockup app design ux colors содержит комбинацию из 6 кодов цветов:
HEX: #0b90d0, RGB: (11, 144, 208); HEX: #c194ee, RGB: (193, 148, 238); HEX: #2e3872, RGB: (46, 56, 114)
HEX: #5a5eb2, RGB: (90, 94, 178); HEX: #ca9ea5, RGB: (202, 158, 165); HEX: #3a323b, RGB: (58, 50, 59)
Упрощенная версия цветов палитры
Тёмный оттенок Стальной синий, Тёмный оттенок Сливовый, Тёмный оттенок Тёмный аспидно-синий, Тёмный оттенок Аспидно-синий, Светлый оттенок Розово-коричневый, Светлый оттенок Черный
Цветовая схема создана автором colorswall

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

Designs mockup app design ux colors коды цветов HEX, RGB информация в таблице

ЦветHEXRGBНазваниеАльтернативное название
#0b90d0#0b90d0RGB(11, 144, 208)——
#c194ee#c194eeRGB(193, 148, 238)——
#2e3872#2e3872RGB(46, 56, 114)——
#5a5eb2#5a5eb2RGB(90, 94, 178)——
#ca9ea5#ca9ea5RGB(202, 158, 165)——
#3a323b#3a323bRGB(58, 50, 59)——

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

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текстаЦвет фонаКоэффициент контрастности
#0b90d0
#c194ee
1.47
#0b90d0
#5a5eb2
1.6
#0b90d0
#ca9ea5
1.51
#c194ee
#ca9ea5
1.02
#2e3872
#5a5eb2
1.91
#2e3872
#3a323b
1.13

Палитра из изображения Designs mockup app design ux colors png