Vector design overlap logo hex colors

Caribbean Green
#0bdd7f
Pearl Aqua
#7bd0bc
Catalina Blue
#0a196a
Dark Blue-Gray
#626a9f
Light Silver
#d1dae0
Black
#3b3c3c

A paleta consiste em cores Luz, Escuro. Cores de destaque Caribbean Green #0bdd7f e Catalina Blue #0a196a. A paleta tem Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0A196A (mais escuro) a #D1DAE0 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

Os matizes ficam numa faixa vizinha na roda (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #0A196A, #0BDD7F, #3B3C3C, #626A9F, #7BD0BC, #D1DAE0

A paleta Vector design overlap logo hex colors tem uma combinação de cores de códigos de 6:

HEX: #0bdd7f, RGB: (11, 221, 127); HEX: #7bd0bc, RGB: (123, 208, 188); HEX: #0a196a, RGB: (10, 25, 106)

HEX: #626a9f, RGB: (98, 106, 159); HEX: #d1dae0, RGB: (209, 218, 224); HEX: #3b3c3c, RGB: (59, 60, 60)

Versão simplificada das cores da paleta

Matiz de mediumspringgreen, Sombra de mediumaquamarine, Matiz de midnightblue, Sombra de slateblue, Matiz de gainsboro, Matiz de darkslategrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Vector design overlap logo hex colors códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#0bdd7f	#0bdd7f	RGB(11, 221, 127)	Caribbean Green	—
#7bd0bc	#7bd0bc	RGB(123, 208, 188)	Pearl Aqua	—
#0a196a	#0a196a	RGB(10, 25, 106)	Catalina Blue	—
#626a9f	#626a9f	RGB(98, 106, 159)	Dark Blue-Gray	—
#d1dae0	#d1dae0	RGB(209, 218, 224)	Light Silver	—
#3b3c3c	#3b3c3c	RGB(59, 60, 60)	Black	Yin Mist

Contraste da Paleta de Cores

4 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
#0bdd7f	#7bd0bc	1
#0bdd7f	#d1dae0	1.27
#7bd0bc	#d1dae0	1.27
#0a196a	#3b3c3c	1.39

--color-caribbean-green:	#0bdd7f;
--color-pearl-aqua:	#7bd0bc;
--color-catalina-blue:	#0a196a;
--color-dark-blue-gray:	#626a9f;
--color-light-silver:	#d1dae0;
--color-black:	#3b3c3c;

$color-caribbean-green:	#0bdd7f;
$color-pearl-aqua:	#7bd0bc;
$color-catalina-blue:	#0a196a;
$color-dark-blue-gray:	#626a9f;
$color-light-silver:	#d1dae0;
$color-black:	#3b3c3c;

@color-caribbean-green:	#0bdd7f;
@color-pearl-aqua:	#7bd0bc;
@color-catalina-blue:	#0a196a;
@color-dark-blue-gray:	#626a9f;
@color-light-silver:	#d1dae0;
@color-black:	#3b3c3c;

Vector design overlap logo hex colors

Códigos de cores na paleta

Contraste da Paleta de Cores

Paleta de imagens Vector design overlap logo hex colors png