Semantic Component Utility Set

Primary Ink
#2b2d42
Secondary Pink
#ef798a
Success Mint
#84dcc6
Warning Yellow
#f4d35e
Info Sky
#56cfe1
Light Panel
#fdfdfd

A paleta consiste em cores Escuro, Luz. Cores de destaque Warning Yellow #f4d35e e Info Sky #56cfe1. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2B2D42 (mais escuro) a #FDFDFD (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): #2B2D42, #56CFE1, #84DCC6, #EF798A, #F4D35E, #FDFDFD

A paleta Semantic Component Utility Set tem uma combinação de cores de códigos de 6:

HEX: #2b2d42, RGB: (43, 45, 66); HEX: #ef798a, RGB: (239, 121, 138); HEX: #84dcc6, RGB: (132, 220, 198)

HEX: #f4d35e, RGB: (244, 211, 94); HEX: #56cfe1, RGB: (86, 207, 225); HEX: #fdfdfd, RGB: (253, 253, 253)

Versão simplificada das cores da paleta

Sombra de midnightblue, Matiz de lightcoral, Sombra de turquoise, Sombra de gold, Sombra de darkturquoise, Matiz de Branco

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Semantic Component Utility Set códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#2b2d42	#2b2d42	RGB(43, 45, 66)	Primary Ink	—
#ef798a	#ef798a	RGB(239, 121, 138)	Secondary Pink	—
#84dcc6	#84dcc6	RGB(132, 220, 198)	Success Mint	—
#f4d35e	#f4d35e	RGB(244, 211, 94)	Warning Yellow	—
#56cfe1	#56cfe1	RGB(86, 207, 225)	Info Sky	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Light Panel	Brilliance

Contraste da Paleta de Cores

9 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
#ef798a	#84dcc6	1.67
#ef798a	#f4d35e	1.84
#ef798a	#56cfe1	1.46
#84dcc6	#f4d35e	1.09
#84dcc6	#56cfe1	1.14
#84dcc6	#fdfdfd	1.58

Paleta de imagens Semantic Component Utility Set png

Semantic Component Utility Set - #552631

--color-primary-ink:	#2b2d42;
--color-secondary-pink:	#ef798a;
--color-success-mint:	#84dcc6;
--color-warning-yellow:	#f4d35e;
--color-info-sky:	#56cfe1;
--color-light-panel:	#fdfdfd;

$color-primary-ink:	#2b2d42;
$color-secondary-pink:	#ef798a;
$color-success-mint:	#84dcc6;
$color-warning-yellow:	#f4d35e;
$color-info-sky:	#56cfe1;
$color-light-panel:	#fdfdfd;

@color-primary-ink:	#2b2d42;
@color-secondary-pink:	#ef798a;
@color-success-mint:	#84dcc6;
@color-warning-yellow:	#f4d35e;
@color-info-sky:	#56cfe1;
@color-light-panel:	#fdfdfd;