Створено 03/03/2020 13:25
авторcolorswall
  0.24k

React uidesign icons material colors palette

  • #436cf3
  • #84a0f2
  • #07237c
  • #a58c5b
  • #d1c0a0
  • #4e6c7d
Loading...
Палітра містить світлий, темний кольори. Акцентні кольори #07237c та #d1c0a0. Палітра має температуру кольорів Холодний, Теплий.

За світлістю палітра сягає від #07237C (найтемніший) до #84A0F2 (найсвітліший). Діапазон світлості помірний.

Насиченість змішана — є приглушені й більш яскраві акценти.

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

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

HEX-коди (відсортовано): #07237C, #436CF3, #4E6C7D, #84A0F2, #A58C5B, #D1C0A0

Палітра React uidesign icons material colors palette містить комбінацію з 6 кодів кольорів :
HEX: #436cf3, RGB: (67, 108, 243); HEX: #84a0f2, RGB: (132, 160, 242); HEX: #07237c, RGB: (7, 35, 124)
HEX: #a58c5b, RGB: (165, 140, 91); HEX: #d1c0a0, RGB: (209, 192, 160); HEX: #4e6c7d, RGB: (78, 108, 125)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок cornflowerblue, Відтінок midnightblue, Відтінок darkgoldenrod, Відтінок tan, Відтінок slategrey
Кольорова схема створена автором colorswall

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

React uidesign icons material colors palette коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#436cf3 #436cf3 RGB(67, 108, 243)
#84a0f2 #84a0f2 RGB(132, 160, 242)
#07237c #07237c RGB(7, 35, 124)
#a58c5b #a58c5b RGB(165, 140, 91)
#d1c0a0 #d1c0a0 RGB(209, 192, 160)
#4e6c7d #4e6c7d RGB(78, 108, 125)

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

7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#436cf3
#84a0f2
1.77
#436cf3
#a58c5b
1.38
#436cf3
#4e6c7d
1.24
#84a0f2
#a58c5b
1.27
#84a0f2
#d1c0a0
1.41
#a58c5b
#d1c0a0
1.8

Зображення палітри React uidesign icons material colors palette png

Loading...
Loading...