Design typography product ux colours

Chinese Brown
#b53120
Topaz
#f4c478
Antique Bronze
#646b19
Light Slate Gray
#76949c
Ash Gray
#bfc4b0
Mud
#635b35

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Topaz #f4c478 e Light Slate Gray #76949c. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #646B19 (mais escuro) a #BFC4B0 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — tons suaves e acentos mais vivos.

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #635B35, #646B19, #76949C, #B53120, #BFC4B0, #F4C478

A paleta Design typography product ux colours tem uma combinação de cores de códigos de 6:

HEX: #b53120, RGB: (181, 49, 32); HEX: #f4c478, RGB: (244, 196, 120); HEX: #646b19, RGB: (100, 107, 25)

HEX: #76949c, RGB: (118, 148, 156); HEX: #bfc4b0, RGB: (191, 196, 176); HEX: #635b35, RGB: (99, 91, 53)

Versão simplificada das cores da paleta

Sombra de firebrick, Sombra de burlywood, Sombra de darkolivegreen, Sombra de lightslategrey, Sombra de Prata, Matiz de darkolivegreen

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Design typography product ux colours códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#b53120	#b53120	RGB(181, 49, 32)	Chinese Brown	—
#f4c478	#f4c478	RGB(244, 196, 120)	Topaz	—
#646b19	#646b19	RGB(100, 107, 25)	Antique Bronze	—
#76949c	#76949c	RGB(118, 148, 156)	Light Slate Gray	—
#bfc4b0	#bfc4b0	RGB(191, 196, 176)	Ash Gray	—
#635b35	#635b35	RGB(99, 91, 53)	Mud	—

Contraste da Paleta de Cores

7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#b53120	#646b19	1.06
#b53120	#76949c	1.89
#b53120	#635b35	1.11
#f4c478	#bfc4b0	1.1
#646b19	#76949c	1.77
#646b19	#635b35	1.18

Paleta de imagens Design typography product ux colours png

Design typography product ux colours - #239246

--color-chinese-brown:	#b53120;
--color-topaz:	#f4c478;
--color-antique-bronze:	#646b19;
--color-light-slate-gray:	#76949c;
--color-ash-gray:	#bfc4b0;
--color-mud:	#635b35;

$color-chinese-brown:	#b53120;
$color-topaz:	#f4c478;
$color-antique-bronze:	#646b19;
$color-light-slate-gray:	#76949c;
$color-ash-gray:	#bfc4b0;
$color-mud:	#635b35;

@color-chinese-brown:	#b53120;
@color-topaz:	#f4c478;
@color-antique-bronze:	#646b19;
@color-light-slate-gray:	#76949c;
@color-ash-gray:	#bfc4b0;
@color-mud:	#635b35;