Ferramenta de Cores

Código de cor

#553aa2 · Conversões, variações e harmonias

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

#553aa2

Conversão de Cor

Matiz 256° · Saturação 47% · Luminosidade 43%

Valores

Sobre esta cor

#553aa2 é uma cor violeta com luminosidade de 43% e saturação de 47%. Em RGB ela é composta por 85 de vermelho, 58 de verde e 162 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 branco8.36:1
AA ✓AAA ✓Texto grande ✓
Aa
Sobre preto2.51:1
AA ✗AAA ✗Texto grande ✗
Aa
Texto branco8.36:1
AA ✓AAA ✓Texto grande ✓
Aa
Texto preto2.51:1
AA ✗AAA ✗Texto grande ✗
Abrir verificador completo

Formatos Técnicos

Formatos práticos

Análise de cor

temperatura

Fria

luminancia

0.0757

brilho

78 / 255

percepcao

Média

saturacao

Moderada

contrasteIdeal

Texto claro

Simulador de daltonismo

Protanopia

#494989

Protanomalia

#504395

Deuteranopia

#4b4d83

Deuteranomalia

#504193

Tritanopia

#547571

Tritanomalia

#54568f

Acromatopsia

#4e4e4e

Acromatomalia

#514574

Simular uma paleta inteira

Aspectos criativos

Psicologia

Criatividade, luxo e imaginação.

Setores

Beleza, criativo, premium

Combina bem com

Dourado e off-white