Ferramenta de Cores

Código de cor

#f546e0 · Conversões, variações e harmonias

Gere códigos de cor, variações, combinações e verifique as proporções de contraste.

#f546e0

Conversão de Cor

Matiz 307° · Saturação 90% · Luminosidade 62%

Valores

Sobre esta cor

#f546e0 é uma cor magenta com luminosidade de 62% e saturação de 90%. Em RGB ela é composta por 245 de vermelho, 70 de verde e 224 de azul.

Use as variações abaixo para criar estados de hover, bordas e fundos consistentes, e confira as proporções de contraste antes de aplicar a cor em textos.

Variações

Tons (branco puro adicionado) e sombras (preto puro adicionado) da sua cor em incrementos de 10%.

Sombras (shades)

Tons claros (tints)

Tons dessaturados

Combinações de Cores

Verificador de contraste de cor

Aa
Sobre branco3.07:1
AA ✗AAA ✗Texto grande ✓
Aa
Sobre preto6.83:1
AA ✓AAA ✗Texto grande ✓
Aa
Texto branco3.07:1
AA ✗AAA ✗Texto grande ✓
Aa
Texto preto6.83:1
AA ✓AAA ✗Texto grande ✓
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Quente

luminancia

0.2917

brilho

140 / 255

percepcao

Média

saturacao

Vívida

contrasteIdeal

Texto claro

Simulador de daltonismo

Protanopia

#a9a8bb

Protanomalia

#d580cd

Deuteranopia

#b3c1b2

Deuteranomalia

#d273ca

Tritanopia

#ec9d97

Tritanomalia

#ef6fc4

Acromatopsia

#8c8c8c

Acromatomalia

#bc6cb2

Simular uma paleta inteira

Aspectos criativos

Psicologia

Ousadia, modernidade e afeto.

Setores

Moda, música, beleza

Combina bem com

Preto e verde-menta