Mellowtide Grid Accent

Mellow Yellow
#fff4a1
Tide Blush
#ffc2be
Grid Mist
#f2f4f6
Accent Violet
#e8d9ff
Cream Shell
#fff9f2
Shadow Base
#212122

A paleta consiste em cores Luz, Escuro. Cores de destaque Accent Violet #e8d9ff e Cream Shell #fff9f2. A paleta tem Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #212122 (mais escuro) a #FFF9F2 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

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

A maioria das amostras lê-se como neutra em temperatura.

Códigos HEX (ordenados): #212122, #E8D9FF, #F2F4F6, #FFC2BE, #FFF4A1, #FFF9F2

A paleta Mellowtide Grid Accent tem uma combinação de cores de códigos de 6:

HEX: #fff4a1, RGB: (255, 244, 161); HEX: #ffc2be, RGB: (255, 194, 190); HEX: #f2f4f6, RGB: (242, 244, 246)

HEX: #e8d9ff, RGB: (232, 217, 255); HEX: #fff9f2, RGB: (255, 249, 242); HEX: #212122, RGB: (33, 33, 34)

Versão simplificada das cores da paleta

Sombra de Cáqui, Matiz de Rosa, Matiz de whitesmoke, Matiz de lavender, Matiz de floralwhite, Sombra de Preto

O esquema de cores foi criado por colorhunt

Mais paletas com:

Códigos de cores na paleta

Mellowtide Grid Accent códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#fff4a1	#fff4a1	RGB(255, 244, 161)	Mellow Yellow	Candle Flame
#ffc2be	#ffc2be	RGB(255, 194, 190)	Tide Blush	—
#f2f4f6	#f2f4f6	RGB(242, 244, 246)	Grid Mist	—
#e8d9ff	#e8d9ff	RGB(232, 217, 255)	Accent Violet	—
#fff9f2	#fff9f2	RGB(255, 249, 242)	Cream Shell	—
#212122	#212122	RGB(33, 33, 34)	Shadow Base	—

Contraste da Paleta de Cores

10 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
#fff4a1	#ffc2be	1.36
#fff4a1	#f2f4f6	1.01
#fff4a1	#e8d9ff	1.18
#fff4a1	#fff9f2	1.07
#ffc2be	#f2f4f6	1.38
#ffc2be	#e8d9ff	1.15

Paleta de imagens Mellowtide Grid Accent png

--color-mellow-yellow:	#fff4a1;
--color-tide-blush:	#ffc2be;
--color-grid-mist:	#f2f4f6;
--color-accent-violet:	#e8d9ff;
--color-cream-shell:	#fff9f2;
--color-shadow-base:	#212122;

$color-mellow-yellow:	#fff4a1;
$color-tide-blush:	#ffc2be;
$color-grid-mist:	#f2f4f6;
$color-accent-violet:	#e8d9ff;
$color-cream-shell:	#fff9f2;
$color-shadow-base:	#212122;

@color-mellow-yellow:	#fff4a1;
@color-tide-blush:	#ffc2be;
@color-grid-mist:	#f2f4f6;
@color-accent-violet:	#e8d9ff;
@color-cream-shell:	#fff9f2;
@color-shadow-base:	#212122;