Amberwave Signal Drift

Amber Wave
#ffc65c
Signal Pink
#ffa7b3
UI Cream
#fff9f5
Ocean Fog
#d6edf4
Slate Contrast
#46484b
Hushed Violet
#d6ccff

A paleta consiste em cores Luz. Cores de destaque UI Cream #fff9f5 e Hushed Violet #d6ccff. A paleta tem Esquentar, Neutro, Legal temperatura de cores.

Em luminosidade, a paleta vai de #46484B (mais escuro) a #FFF9F5 (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).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #46484B, #D6CCFF, #D6EDF4, #FFA7B3, #FFC65C, #FFF9F5

A paleta Amberwave Signal Drift tem uma combinação de cores de códigos de 6:

HEX: #ffc65c, RGB: (255, 198, 92); HEX: #ffa7b3, RGB: (255, 167, 179); HEX: #fff9f5, RGB: (255, 249, 245)

HEX: #d6edf4, RGB: (214, 237, 244); HEX: #46484b, RGB: (70, 72, 75); HEX: #d6ccff, RGB: (214, 204, 255)

Versão simplificada das cores da paleta

Sombra de goldenrod, Matiz de lightpink, Matiz de floralwhite, Matiz de azure, Matiz de dimgrey, Sombra de thistle

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Amberwave Signal Drift códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ffc65c	#ffc65c	RGB(255, 198, 92)	Amber Wave	—
#ffa7b3	#ffa7b3	RGB(255, 167, 179)	Signal Pink	—
#fff9f5	#fff9f5	RGB(255, 249, 245)	UI Cream	Sugar Milk
#d6edf4	#d6edf4	RGB(214, 237, 244)	Ocean Fog	—
#46484b	#46484b	RGB(70, 72, 75)	Slate Contrast	—
#d6ccff	#d6ccff	RGB(214, 204, 255)	Hushed Violet	—

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
#ffc65c	#ffa7b3	1.17
#ffc65c	#fff9f5	1.49
#ffc65c	#d6edf4	1.28
#ffc65c	#d6ccff	1.03
#ffa7b3	#fff9f5	1.76
#ffa7b3	#d6edf4	1.51

Paleta de imagens Amberwave Signal Drift png

--color-amber-wave:	#ffc65c;
--color-signal-pink:	#ffa7b3;
--color-ui-cream:	#fff9f5;
--color-ocean-fog:	#d6edf4;
--color-slate-contrast:	#46484b;
--color-hushed-violet:	#d6ccff;

$color-amber-wave:	#ffc65c;
$color-signal-pink:	#ffa7b3;
$color-ui-cream:	#fff9f5;
$color-ocean-fog:	#d6edf4;
$color-slate-contrast:	#46484b;
$color-hushed-violet:	#d6ccff;

@color-amber-wave:	#ffc65c;
@color-signal-pink:	#ffa7b3;
@color-ui-cream:	#fff9f5;
@color-ocean-fog:	#d6edf4;
@color-slate-contrast:	#46484b;
@color-hushed-violet:	#d6ccff;