Gerar paleta
  1. Paletas de cores
  2. Ui figma design colors

Ui figma design colors

  • #4474b4
  • #93ace4
  • #1c4472
  • #677995
  • #b9c8d8
  • #2d4765
  0.13k
Criado em 11/29/2021 21:34
porcolorswall
A paleta consiste em cores Semi escuro, Claro. Cores de destaque #93ace4 e #1c4472. A paleta tem Frio temperatura de cores.

Em luminosidade, a paleta vai de #1C4472 (mais escuro) a #B9C8D8 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 1 suaves e 2 vívidas em 6 cores.

Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 11°.

No geral, a temperatura tende para o frio (6 de 6).

Códigos HEX (ordenados): #1C4472, #2D4765, #4474B4, #677995, #93ACE4, #B9C8D8

A paleta Ui figma design colors combina 6 códigos de cor:
HEX: #4474b4, RGB: (68, 116, 180); HEX: #93ace4, RGB: (147, 172, 228); HEX: #1c4472, RGB: (28, 68, 114)
HEX: #677995, RGB: (103, 121, 149); HEX: #b9c8d8, RGB: (185, 200, 216); HEX: #2d4765, RGB: (45, 71, 101)
Versão simplificada das cores da paleta
Tom escuro de Azul-aço, Tom claro de Azul-centáurea, Tom escuro de Azul-ardósia-escuro, Tom escuro de Cinza-ardósia, Tom claro de Azul-aço-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Ui figma design colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#4474b4 #4474b4 RGB(68, 116, 180)——
#93ace4 #93ace4 RGB(147, 172, 228)——
#1c4472 #1c4472 RGB(28, 68, 114)——
#677995 #677995 RGB(103, 121, 149)——
#b9c8d8 #b9c8d8 RGB(185, 200, 216)——
#2d4765 #2d4765 RGB(45, 71, 101)——

Contraste da paleta de cores

4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#4474b4
#677995
1.07
#93ace4
#677995
1.95
#93ace4
#b9c8d8
1.32
#1c4472
#2d4765
1.03

Paleta de imagens Ui figma design colors png

Ui figma design colors: #4474b4, #93ace4, #1c4472, #677995, #b9c8d8, #2d4765
 Baixar imagem