Icons ui web cuberto colours

Maximum Blue Green
#24d4bc
Middle Yellow Red
#f0ae6f
Metallic Blue
#3c447f
Liberty
#5456aa
Lavender Gray
#c1b6cf
Dark Slate Gray
#2f5252

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Maximum Blue Green #24d4bc e Middle Yellow Red #f0ae6f. A paleta tem Legal, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #2F5252 (mais escuro) a #C1B6CF (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): #24D4BC, #2F5252, #3C447F, #5456AA, #C1B6CF, #F0AE6F

A paleta Icons ui web cuberto colours tem uma combinação de cores de códigos de 6:

HEX: #24d4bc, RGB: (36, 212, 188); HEX: #f0ae6f, RGB: (240, 174, 111); HEX: #3c447f, RGB: (60, 68, 127)

HEX: #5456aa, RGB: (84, 86, 170); HEX: #c1b6cf, RGB: (193, 182, 207); HEX: #2f5252, RGB: (47, 82, 82)

Versão simplificada das cores da paleta

Matiz de turquoise, Sombra de sandybrown, Matiz de darkslateblue, Matiz de slateblue, Matiz de thistle, Sombra de darkslategrey

O esquema de cores foi criado por raccoon

Mais paletas com:

Códigos de cores na paleta

Icons ui web cuberto colours códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#24d4bc	#24d4bc	RGB(36, 212, 188)	Maximum Blue Green	—
#f0ae6f	#f0ae6f	RGB(240, 174, 111)	Middle Yellow Red	—
#3c447f	#3c447f	RGB(60, 68, 127)	Metallic Blue	—
#5456aa	#5456aa	RGB(84, 86, 170)	Liberty	—
#c1b6cf	#c1b6cf	RGB(193, 182, 207)	Lavender Gray	—
#2f5252	#2f5252	RGB(47, 82, 82)	Dark Slate Gray	—

Contraste da Paleta de Cores

6 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
#24d4bc	#f0ae6f	1.02
#24d4bc	#c1b6cf	1.03
#f0ae6f	#c1b6cf	1.01
#3c447f	#5456aa	1.41
#3c447f	#2f5252	1.05
#5456aa	#2f5252	1.34

Paleta de imagens Icons ui web cuberto colours png

--color-maximum-blue-green:	#24d4bc;
--color-middle-yellow-red:	#f0ae6f;
--color-metallic-blue:	#3c447f;
--color-liberty:	#5456aa;
--color-lavender-gray:	#c1b6cf;
--color-dark-slate-gray:	#2f5252;

$color-maximum-blue-green:	#24d4bc;
$color-middle-yellow-red:	#f0ae6f;
$color-metallic-blue:	#3c447f;
$color-liberty:	#5456aa;
$color-lavender-gray:	#c1b6cf;
$color-dark-slate-gray:	#2f5252;

@color-maximum-blue-green:	#24d4bc;
@color-middle-yellow-red:	#f0ae6f;
@color-metallic-blue:	#3c447f;
@color-liberty:	#5456aa;
@color-lavender-gray:	#c1b6cf;
@color-dark-slate-gray:	#2f5252;