Workflow Automation Web Theme

Trigger Teal
#00c2a8
Zap Zinc
#f1f1f1
Step Saffron
#ffd166
Action Ash
#5c5c5c
Logic Lilac
#cbaacb
Field Flamingo
#fc766a

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Trigger Teal #00c2a8 e Step Saffron #ffd166. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #5C5C5C (mais escuro) a #F1F1F1 (mais claro). A faixa de luminosidade é ampla.

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): #00C2A8, #5C5C5C, #CBAACB, #F1F1F1, #FC766A, #FFD166

A paleta Workflow Automation Web Theme tem uma combinação de cores de códigos de 6:

HEX: #00c2a8, RGB: (0, 194, 168); HEX: #f1f1f1, RGB: (241, 241, 241); HEX: #ffd166, RGB: (255, 209, 102)

HEX: #5c5c5c, RGB: (92, 92, 92); HEX: #cbaacb, RGB: (203, 170, 203); HEX: #fc766a, RGB: (252, 118, 106)

Versão simplificada das cores da paleta

Matiz de mediumaquamarine, Matiz de whitesmoke, Sombra de gold, Matiz de dimgrey, Matiz de thistle, Matiz de salmon

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Workflow Automation Web Theme códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#00c2a8	#00c2a8	RGB(0, 194, 168)	Trigger Teal	—
#f1f1f1	#f1f1f1	RGB(241, 241, 241)	Zap Zinc	—
#ffd166	#ffd166	RGB(255, 209, 102)	Step Saffron	—
#5c5c5c	#5c5c5c	RGB(92, 92, 92)	Action Ash	Gray36
#cbaacb	#cbaacb	RGB(203, 170, 203)	Logic Lilac	—
#fc766a	#fc766a	RGB(252, 118, 106)	Field Flamingo	—

Contraste da Paleta de Cores

8 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
#00c2a8	#ffd166	1.56
#00c2a8	#cbaacb	1.09
#00c2a8	#fc766a	1.16
#f1f1f1	#ffd166	1.27
#f1f1f1	#cbaacb	1.83
#ffd166	#cbaacb	1.43

Paleta de imagens Workflow Automation Web Theme png

--color-trigger-teal:	#00c2a8;
--color-zap-zinc:	#f1f1f1;
--color-step-saffron:	#ffd166;
--color-action-ash:	#5c5c5c;
--color-logic-lilac:	#cbaacb;
--color-field-flamingo:	#fc766a;

$color-trigger-teal:	#00c2a8;
$color-zap-zinc:	#f1f1f1;
$color-step-saffron:	#ffd166;
$color-action-ash:	#5c5c5c;
$color-logic-lilac:	#cbaacb;
$color-field-flamingo:	#fc766a;

@color-trigger-teal:	#00c2a8;
@color-zap-zinc:	#f1f1f1;
@color-step-saffron:	#ffd166;
@color-action-ash:	#5c5c5c;
@color-logic-lilac:	#cbaacb;
@color-field-flamingo:	#fc766a;