Custom mobilem moon ui ios

Meat Brown
#e4b937
Maximum Blue
#58b3c1
Indigo (Rainbow)
#232964
Dark Blue-Gray
#64669a
Dark Vanilla
#c8d2a6
Police Blue
#355467

A paleta consiste em cores Luz, Escuro. Cores de destaque Meat Brown #e4b937 e Indigo (Rainbow) #232964. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #232964 (mais escuro) a #C8D2A6 (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 frio.

Códigos HEX (ordenados): #232964, #355467, #58B3C1, #64669A, #C8D2A6, #E4B937

A paleta Custom mobilem moon ui ios tem uma combinação de cores de códigos de 6:

HEX: #e4b937, RGB: (228, 185, 55); HEX: #58b3c1, RGB: (88, 179, 193); HEX: #232964, RGB: (35, 41, 100)

HEX: #64669a, RGB: (100, 102, 154); HEX: #c8d2a6, RGB: (200, 210, 166); HEX: #355467, RGB: (53, 84, 103)

Versão simplificada das cores da paleta

Sombra de goldenrod, Sombra de cadetblue, Sombra de midnightblue, Matiz de slateblue, Matiz de palegoldenrod, Sombra de darkslategrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Custom mobilem moon ui ios códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#e4b937	#e4b937	RGB(228, 185, 55)	Meat Brown	—
#58b3c1	#58b3c1	RGB(88, 179, 193)	Maximum Blue	—
#232964	#232964	RGB(35, 41, 100)	Indigo (Rainbow)	—
#64669a	#64669a	RGB(100, 102, 154)	Dark Blue-Gray	—
#c8d2a6	#c8d2a6	RGB(200, 210, 166)	Dark Vanilla	—
#355467	#355467	RGB(53, 84, 103)	Police Blue	—

Contraste da Paleta de Cores

5 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
#e4b937	#58b3c1	1.3
#e4b937	#c8d2a6	1.17
#58b3c1	#c8d2a6	1.53
#232964	#355467	1.66
#64669a	#355467	1.49

Paleta de imagens Custom mobilem moon ui ios png

--color-meat-brown:	#e4b937;
--color-maximum-blue:	#58b3c1;
--color-indigo-rainbow:	#232964;
--color-dark-blue-gray:	#64669a;
--color-dark-vanilla:	#c8d2a6;
--color-police-blue:	#355467;

$color-meat-brown:	#e4b937;
$color-maximum-blue:	#58b3c1;
$color-indigo-rainbow:	#232964;
$color-dark-blue-gray:	#64669a;
$color-dark-vanilla:	#c8d2a6;
$color-police-blue:	#355467;

@color-meat-brown:	#e4b937;
@color-maximum-blue:	#58b3c1;
@color-indigo-rainbow:	#232964;
@color-dark-blue-gray:	#64669a;
@color-dark-vanilla:	#c8d2a6;
@color-police-blue:	#355467;